connect waveupload module for dev

1 files changed, 23 insertions, 8 deletions

diff --git a/animism-align/frontend/app/views/editor/align/sidebar.css b/animism-align/frontend/app/views/editor/align/sidebar.css
index 60e9321..e3edde8 100644
--- a/animism-align/frontend/app/views/editor/align/sidebar.css
+++ b/animism-align/frontend/app/views/editor/align/sidebar.css
@@ -1,4 +1,4 @@
-/* Script */
+/* Sidebar */
 
 .sidebar {
   position: absolute;
@@ -6,15 +6,17 @@
   right: 0;
   width: 15rem;
   z-index: 8;
+  padding-top: 2rem;
 }
-.sidebar textarea {
-  height: calc(100vh - 3.15rem);
-}
+
+/* sidebar header */
+
 .sidebar .buttons {
   position: absolute;
   top: 0;
   right: 0;
   width: 15rem;
+  height: 2rem;
   z-index: 9;
   display: flex;
   justify-content: flex-end;
@@ -28,14 +30,20 @@
 .sidebar .buttons button:hover {
   background: #333;
 }
-
-/* table of contents */
-
-.toc {
+.sidebar-content {
   background: #222;
   width: 15rem;
   padding: 0.5rem 0;
 }
+
+/* wavefile upload */
+
+.sidebar-content.wave-upload {
+  padding: 0.5rem 0.75rem;
+}
+
+/* table of contents */
+
 .toc div {
   width: 15rem;
   padding: 0.25rem 0.75rem;
@@ -44,3 +52,10 @@
 .toc div:hover {
   background: #213;
 }
+
+
+/* script */
+
+.sidebar textarea {
+  height: calc(100vh - 5.15rem);
+}