display the form

1 files changed, 31 insertions, 1 deletions

diff --git a/animism-align/frontend/views/align/align.css b/animism-align/frontend/views/align/align.css
index 38a1c8b..a366d40 100644
--- a/animism-align/frontend/views/align/align.css
+++ b/animism-align/frontend/views/align/align.css
@@ -6,6 +6,7 @@
   height: 100%;
   display: flex;
   flex-direction: row;
+  justify-content: space-between;
   background: linear-gradient(
       0deg,
       rgba(0, 0, 64, 0.5),
@@ -13,6 +14,9 @@
     );
   padding: 0;
 }
+
+/* Timeline */
+
 canvas {
   display: block;
 }
@@ -23,7 +27,9 @@ canvas {
   width: 300px;
   cursor: crosshair;
 }
-
+.timelineColumn {
+  position: relative;
+}
 .ticks .tick {
   position: absolute;
   right: 0;
@@ -64,6 +70,9 @@ canvas {
   text-align: right;
   text-shadow: 0 0 2px #000, 0 0 2px #000, 0 0 2px #000; 
 }
+
+/* Audio player */
+
 .playButton {
   position: absolute;
   top: 0; left: 0;
@@ -81,3 +90,24 @@ canvas {
 .playButton.paused {
   background-image: url('/static/img/icons_play_white.svg');
 }
+
+/* Script */
+
+.script {
+  align-self: flex-end;
+  height: 100%;
+}
+
+/* Annotations */
+
+.annotations {
+  position: relative;
+  width: 300px;
+}
+.annotationForm {
+  position: absolute;
+  left: 0;
+}
+.annotationForm .row {
+  justify-content: space-between;
+}
\ No newline at end of file