styling refactor, player audio mode

1 files changed, 17 insertions, 22 deletions

diff --git a/styles/global.scss b/styles/global.scss
index 7fcdb41..0b63e98 100644
--- a/styles/global.scss
+++ b/styles/global.scss
@@ -2,31 +2,18 @@
 @import "global/themes";
 @import "global/window";
 
-main {
+html,
+body {
   position: fixed;
-  top: 2em;
-  left: 0;
-  bottom: 0;
+  top: 0;
   right: 0;
-
-  &.noHeader {
-    top: 0;
-  }
-}
-
-html {
-  position: fixed;
-  height: 100vh;
-  width: 100vw;
+  bottom: 0;
+  left: 0;
+  overflow: hidden;
+  overscroll-behavior-y: none;
 }
 
 body {
-  position: fixed;
-  height: 100vh;
-  width: 100vw;
-  overflow: hidden;
-  margin: 0;
-
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
     'Helvetica Neue', Arial, Noto Sans, sans-serif, 'Apple Color Emoji',
     'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
@@ -39,23 +26,31 @@ textarea, input {
 }
 
 .container {
+  height: 100%;
+  width: 100%;
+  flex-grow: 1;
   margin: 1.5rem auto;
   padding-left: 1rem;
   padding-right: 1rem;
+  overflow: hidden;
 }
 
 .fixed {
-  position: fixed;
+  position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
 }
 
-.hidden {
+.hide {
   display: none;
 }
 
+.noHeader {
+  height: 100%;
+}
+
 .mobile-only {
   display: none!important;