1 files changed, 22 insertions, 3 deletions
diff --git a/animism-align/frontend/views/align/align.css b/animism-align/frontend/views/align/align.css
index d430e1f..12d5b1d 100644
--- a/animism-align/frontend/views/align/align.css
+++ b/animism-align/frontend/views/align/align.css
@@ -1,6 +1,9 @@
 * {
 
 }
+.body.loading > div {
+  padding: 1rem;
+}
 .body {
   width: 100%;
   height: 100%;
@@ -74,8 +77,8 @@ canvas {
 /* Audio player */
 
 .playButton {
-  position: absolute;
-  top: 0; left: 0;
+  /*position: absolute;*/
+  /*top: 0; left: 0;*/
   width: 3rem; height: 3rem;
   padding: 1rem;
   background: #000;
@@ -104,6 +107,9 @@ canvas {
   position: relative;
   width: 450px;
 }
+
+/* Annotation form */
+
 .annotationForm {
   width: 401px;
   padding: 0.5rem;
@@ -118,7 +124,18 @@ canvas {
 }
 .annotationForm .row {
   justify-content: space-between;
+  align-items: center;
 }
+.annotationForm .row > div {
+  display: flex;
+  align-items: center;
+}
+.annotationForm .ts {
+  color: #fff;
+}
+
+/* Annotation index */
+
 .annotationIndex {
   width: 405px;
 }
@@ -132,6 +149,8 @@ canvas {
   border-radius: 2px;
   font-size: 12px;
   cursor: pointer;
+  user-select: none;
+  background-color: #768;
 }
 .annotation.selected {
   border-color: #bbf;
@@ -143,7 +162,7 @@ canvas {
   background-color: #83b;
 }
 .annotation.sentence.odd {
-  background-color: #638;
+  background-color: #537;
 }
 .annotation.header {
   background-color: #838;