Fix narrow-screen layer panel layout

wwwroot/css/app.css

@@ -122,10 +122,14 @@ input[type="checkbox"] {
     align-items: baseline;
     gap: 10px;
     min-width: 0;
+    overflow: hidden;
 }
 
 .app-identity strong {
+    min-width: 0;
+    overflow: hidden;
     font-size: 18px;
+    text-overflow: ellipsis;
     white-space: nowrap;
 }
 
@@ -263,7 +267,7 @@ input[type="checkbox"] {
     left: auto;
     bottom: calc(var(--nav-height) + 8px);
     z-index: 1080;
-    display: grid;
+    display: block;
     box-sizing: border-box;
     width: min(480px, 50vw);
     overflow-y: auto;
@@ -295,10 +299,10 @@ input[type="checkbox"] {
 
 .map-layer-option {
     display: flex;
-    align-items: center;
+    align-items: flex-start;
     gap: 9px;
     min-height: 45px;
-    padding: 6px 4px;
+    padding: 9px 4px;
     border-bottom: 1px solid #e5eaed;
 }
 
@@ -306,11 +310,19 @@ input[type="checkbox"] {
     flex: 0 0 auto;
     width: 19px;
     height: 19px;
+    margin-top: 2px;
 }
 
 .map-layer-option span {
     display: grid;
     gap: 2px;
+    min-width: 0;
+    line-height: 1.25;
+}
+
+.map-layer-option strong,
+.map-layer-option small {
+    overflow-wrap: anywhere;
 }
 
 .map-layer-option small {
@@ -1738,7 +1750,16 @@ footer {
         right: 8px;
         left: auto;
         bottom: calc(var(--nav-height) + 8px);
-        width: 50vw;
+        width: calc(100vw - 16px);
+    }
+
+    .map-stage.layers-open .gps-overlay {
+        visibility: hidden;
+        pointer-events: none;
+    }
+
+    .app-status-line {
+        display: none;
     }
 
     .map-navigation-menu {