Bottom Nav fix

kckern · Oct 25, 2023 · b3c0ae2 · b3c0ae2
1 parent d64d68b
commit b3c0ae2
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 0 deletions.
diff --git a/frontend/webapp/src/views/Theater/Theater.css b/frontend/webapp/src/views/Theater/Theater.css
@@ -94,13 +94,24 @@
 
 @media (max-width: 900px){
 
+
+    .theater-wrapper
+    {
+        position: absolute;
+        bottom: 4rem;
+    }
     .theater-side-panel{
         display: none!important;
     }
     .theater-super-titles
     {
         flex-direction: column!important;
     }
+    .theater-controls
+    {
+        display: none!important;
+    }
+
     .theater-super-title-left
     {
         width:100%!important;
@@ -116,6 +127,12 @@
     {
         font-size: min(1.5rem, 3vh)!important;
     }
+    .theater-content-next,
+    .theater-content-prev
+    {
+        height: 1.5rem!important;
+        width: 1.5rem!important;
+    }
 
 }
 
@@ -141,6 +158,7 @@
     flex-grow: 0;
 
     background-color: #222;
+    position: relative;
 }
 .theater-header,
 .theater-controls
@@ -168,6 +186,7 @@
     letter-spacing: 0.2ex;
     font-variant: small-caps;
     position: relative;
+    white-space: nowrap;
 }
 
 .theater-super-titles

diff --git a/frontend/webapp/src/views/_Common/BottomNav.css b/frontend/webapp/src/views/_Common/BottomNav.css
@@ -16,6 +16,7 @@
     font-weight: 800;
     justify-content: space-between;
     width: 100%;
+    height: 4rem;
 }
 
 .bottom-nav-item