1 files changed, 10 insertions, 10 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 5f5fda7..b6d89fe 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
@@ -26,19 +26,19 @@
   width: 300px;
   left: calc(405px + 0.5rem);
 }
-.annotation.sentence.even {
+.annotationIndex .annotation.sentence.even {
   background-color: #83b;
 }
-.annotation.sentence.odd {
+.annotationIndex .annotation.sentence.odd {
   background-color: #537;
 }
-.annotation.section_heading {
+.annotationIndex .annotation.section_heading {
   background-color: #983;
 }
-.annotation.heading_text {
+.annotationIndex .annotation.heading_text {
   background-color: #838;
 }
-.annotation.paragraph_end {
+.annotationIndex .annotation.paragraph_end {
   background-color: #003;
   border-top: 1px solid #888;
   width: 300px;
@@ -55,13 +55,13 @@
 .annotationIndex .annotation.text_plate {
   left: calc(605px + 0.5rem);
 }
-.annotation.curtain {
+.annotationIndex .annotation.utility.curtain {
   background-image: linear-gradient(rgba(255,255,255,1.0), rgba(255,255,255,1.0));
-  width: 8rem;
+  width: 15rem;
   padding: 0;
   overflow: hidden;
 }
-.annotation.curtain span {
+.annotationIndex .annotation.utility.curtain span {
   position: absolute;
   top: 0; left: 0;
   z-index: 1;
@@ -69,7 +69,7 @@
   text-shadow: 0 0 3px #fff, 0 0 2px #fff, 0 0 1px #fff;
   padding: 0.25rem;
 }
-.annotation.curtain .fadeIn {
+.annotationIndex .annotation.utility.curtain .fadeIn {
   z-index: 0;
   position: absolute;
   top: 0;
@@ -77,7 +77,7 @@
   background-image: linear-gradient(rgba(0,0,0,1.0), rgba(255,255,255,1.0));
   background-size: cover;
 }
-.annotation.curtain .fadeOut {
+.annotationIndex .annotation.utility.curtain .fadeOut {
   z-index: 0;
   position: absolute;
   bottom: 0;