Third pass on css and reportMenu

front/src/Components/Menu/AboutRoomSubMenu.svelte

@@ -127,7 +127,7 @@
       }
   }
 
-  @media only screen and (max-height: 900px) {
+  @media only screen and (max-width: 800px), only screen and (max-height: 800px) {
     div.about-room-main {
       section.share-url.not-mobile {
         display: none;

front/src/Components/Menu/GlobalMessagesSubMenu.svelte

@@ -103,7 +103,7 @@
       }
     }
 
-    @media only screen and (max-height: 900px) {
+    @media only screen and (max-width: 800px), only screen and (max-height: 800px) {
       .global-message-content {
         height: calc(100% - 5px);
       }

front/src/Components/Menu/Menu.svelte

@@ -90,13 +90,13 @@
   }
 
   div.menu-container-main {
-    --size-first-columns-grid: clamp(120px, 15%, 200px);
+    --size-first-columns-grid: 200px;
 
     font-family: "Press Start 2P";
     pointer-events: auto;
-    height: 80vh;
+    height: 70vh;
     width: 75vw;
-    top: clamp(55px, 10vh, 10vh);
+    top: 10vh;
 
     position: relative;
     margin: auto;
@@ -126,9 +126,11 @@
     }
   }
 
-  @media only screen and (max-height: 900px) {
+  @media only screen and (max-width: 800px) {
     div.menu-container-main {
-      bottom: 55px;
+      --size-first-columns-grid: 120px;
+      //height: calc(100vh - 110px);
+      top: 55px;
       width: 100vw;
       font-size: 0.5em;
     }

front/src/Components/Menu/MenuIcon.svelte

@@ -28,7 +28,7 @@
       padding-top: 0;
     }
   }
-  @media only screen and (max-height: 900px) {
+  @media only screen and (max-width: 800px), only screen and (max-height: 800px) {
     .menuIcon {
       margin: 3px;
       img {

front/src/Components/Menu/ProfileSubMenu.svelte

@@ -70,7 +70,7 @@
       }
     }
 
-    @media only screen and (max-height: 900px) {
+    @media only screen and (max-width: 800px) {
       div.customize-main section button {
         width: 130px;
       }

front/src/Components/Menu/SettingsSubMenu.svelte

@@ -125,7 +125,7 @@ function changeNotification() {
     }
   }
 
-  @media only screen and (max-height: 900px) {
+  @media only screen and (max-width: 800px), only screen and (max-height: 800px) {
     div.settings-main {
       section {
         padding: 0;