fix: last few touches to mobile view

Author: dd84ai

darkmap/front/galaxy.templ

@@ -246,7 +246,7 @@ templ Menu(menu_kind MenuKind, data *export_map.Export) {
 					@MultiLineOption([]string{"To Stats"})
 				</div>
 				<a href={ templ.SafeURL(types.GetCtx(ctx).SiteRoot) }>
-					<img style="max-height:50px;" src={ types.GetCtx(ctx).StaticRoot + "stat_favicon.ico" }/>
+					<img style="max-height:min(6vh,6vw);" src={ types.GetCtx(ctx).StaticRoot + "stat_favicon.ico" }/>
 				</a>
 			</div>
 		}
@@ -364,7 +364,7 @@ templ Menu(menu_kind MenuKind, data *export_map.Export) {
 				hx-swap="outerHTML"
 				style="cursor:pointer"
 			>
-				<img style="max-height:6vh;" src={ types.GetCtx(ctx).StaticRoot + "map_legend.png" }/>
+				<img style="max-height:min(6vh,6vw);" src={ types.GetCtx(ctx).StaticRoot + "map_legend.png" }/>
 			</div>
 		</div>
 		<div class="menu-item">
@@ -373,10 +373,10 @@ templ Menu(menu_kind MenuKind, data *export_map.Export) {
 			</div>
 			<div>
 				if menu_kind == MenuKindGalaxy {
-					<img style="max-height:50px;" src={ types.GetCtx(ctx).StaticRoot + "galaxy_disabled.png" }/>
+					<img style="max-height:min(6vh,6vw);" src={ types.GetCtx(ctx).StaticRoot + "galaxy_disabled.png" }/>
 				} else {
 					<a href={ templ.SafeURL(types.GetCtx(ctx).SiteRoot + map_urls.Index.ToString()) }>
-						<img style="max-height:6vh;" src={ types.GetCtx(ctx).StaticRoot + "galaxy_enabled.png" }/>
+						<img style="max-height:min(6vh,6vw);" src={ types.GetCtx(ctx).StaticRoot + "galaxy_enabled.png" }/>
 					</a>
 				}
 			</div>

darkmap/front/static_front/custom.css

@@ -118,7 +118,7 @@ system-label-wrap.unhidden_infocard_label {
     --inactive-color: #98989c;
     position: relative;
     aspect-ratio: 292 / 142;
-    height: 2.5vh;
+    height: min(2.5vh, 3vw);
 }
 
 .toggle-input {