From 6f5ff3cdfac3fc154281fdda7c1ec9ff7ebbd1fa Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Mon, 6 Jul 2020 17:57:25 +0200
Subject: paragraph list view

---
 animism-align/frontend/views/align/align.css | 25 ++++++++++++++++++++++---
 1 file changed, 22 insertions(+), 3 deletions(-)

(limited to 'animism-align/frontend/views/align/align.css')

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,5 +1,8 @@
 * {
 
+}
+.body.loading > div {
+  padding: 1rem;
 }
 .body {
   width: 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;
-- 
cgit v1.2.3-70-g09d2