1 files changed, 7 insertions, 5 deletions
diff --git a/animism-align/frontend/app/views/align/components/annotations/annotation.index.css b/animism-align/frontend/app/views/align/components/annotations/annotation.index.css
index af44212..5f5fda7 100644
--- a/animism-align/frontend/app/views/align/components/annotations/annotation.index.css
+++ b/animism-align/frontend/app/views/align/components/annotations/annotation.index.css
@@ -6,7 +6,7 @@
 .annotationIndex .annotation {
   position: absolute;
   left: 5px;
-  max-width: 400px;
+  max-width: 300px;
   padding: 0.25rem 0.375rem;
   box-shadow: 0px 0px 3px rgba(0,0,0,1.0);
   border: 1px solid transparent;
@@ -23,7 +23,7 @@
   background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.4));
 }
 .annotationIndex .annotation.media {
-  min-width: 300px;
+  width: 300px;
   left: calc(405px + 0.5rem);
 }
 .annotation.sentence.even {
@@ -41,14 +41,15 @@
 .annotation.paragraph_end {
   background-color: #003;
   border-top: 1px solid #888;
-  width: 100%;
+  width: 300px;
   padding: 1px;
 }
 .annotationIndex .annotation.utility {
-  left: calc(405px + 0.5rem);
+  left: calc(505px + 0.5rem);
+  width: 200px;
 }
 .annotationIndex .annotation.footnote {
-  left: calc(405px + 0.5rem);
+  left: calc(605px + 0.5rem);
   width: 200px;
 }
 .annotationIndex .annotation.text_plate {
@@ -58,6 +59,7 @@
   background-image: linear-gradient(rgba(255,255,255,1.0), rgba(255,255,255,1.0));
   width: 8rem;
   padding: 0;
+  overflow: hidden;
 }
 .annotation.curtain span {
   position: absolute;