adjusting z-indexes

2 files changed, 5 insertions, 2 deletions

diff --git a/animism-align/frontend/app/views/align/align.css b/animism-align/frontend/app/views/align/align.css
index ff07162..760ec4b 100644
--- a/animism-align/frontend/app/views/align/align.css
+++ b/animism-align/frontend/app/views/align/align.css
@@ -100,7 +100,7 @@ canvas {
 
 .script {
   height: calc(100vh - 3.15rem);
-  z-index: 1;
+  z-index: 8;
 }
 
 /* Annotations */
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 170934f..322f9e1 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
@@ -19,7 +19,7 @@
 .annotation.selected {
   border-color: #bbf;
   box-shadow: 0px 0px 4px rgba(0,0,0,1.0), 0px 0px 2px rgba(0,0,0,1.0);
-  z-index: 1;
+  z-index: 2;
   background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.4));
 }
 .annotationIndex .annotation.media {
@@ -49,10 +49,12 @@
   padding: 0;
 }
 .annotation.curtain span {
+  z-index: 1;
   color: black;
   padding: 0.25rem;
 }
 .annotation.curtain .fadeIn {
+  z-index: 0;
   position: absolute;
   top: 0;
   width: 100%;
@@ -60,6 +62,7 @@
   background-size: cover;
 }
 .annotation.curtain .fadeOut {
+  z-index: 0;
   position: absolute;
   bottom: 0;
   width: 100%;