1 files changed, 22 insertions, 3 deletions
diff --git a/animism-align/frontend/app/views/viewer/viewer.mobile.css b/animism-align/frontend/app/views/viewer/viewer.mobile.css
index e1a7645..ec38f01 100644
--- a/animism-align/frontend/app/views/viewer/viewer.mobile.css
+++ b/animism-align/frontend/app/views/viewer/viewer.mobile.css
@@ -63,6 +63,9 @@
   .eflux-header.white .eflux-logo svg path {
     fill: #fff;
   }
+  .eflux-header.white.is-fullscreen .eflux-logo svg path {
+    fill: #000;
+  }
   .eflux-header.white.gradient .eflux-logo svg path {
     fill: #000;
   }
@@ -70,11 +73,12 @@
     height: calc(100vh);
     background-size: auto 105%;
   }
-  .eflux-nav .transcript-icon {
+  .eflux-header .transcript-icon {
     display: none;
   }
-  .eflux-nav .playToggle,
-  .eflux-nav .transcript-icon {
+  .eflux-header .fullscreen-close,
+  .eflux-header .playToggle,
+  .eflux-header .transcript-icon {
     width: 2.5rem;
     height: 2.5rem;
     box-shadow: 0.3px 0.6px 2.6px rgba(0,0,0,0.3);
@@ -86,6 +90,21 @@
   .growl-tooltip {
     display: none;
   }
+  .eflux-header .fullscreen-close {
+    position: absolute;
+    top: 1rem;
+    left: 1.25rem;
+    margin-left: 0;
+    box-shadow: 0 0 0 rgba(0,0,0,0.0);
+    background: transparent;
+  }
+  .eflux-header .fullscreen-close svg {
+    width: 1.5rem;
+    height: 1.5rem;
+  }
+  .eflux-nav {
+    right: 1.25rem;
+  }
 
   /* nav */