Use two-row mobile usage metrics

2026-06-26 01:52:52 +09:00
parent dc1ca50c11
commit 330e7680fa
2 changed files with 19 additions and 5 deletions
@@ -1117,13 +1117,27 @@ if (isset($_GET['mode']) && $_GET['mode'] === 'usage') {
            }
            .usage-main {
                padding-bottom: 0.25rem;
+                overflow-x: visible;
+                overflow-y: visible;
            }
            .usage-metrics {
-                gap: 0.8rem;
-                min-width: 600px;
+                display: grid;
+                grid-template-columns: repeat(3, minmax(0, 1fr));
+                gap: 0.75rem 0.9rem;
+                min-width: 0;
            }
            .usage-meter {
-                min-width: 600px;
+                min-width: 0;
+            }
+            .usage-metric {
+                min-width: 0;
+                text-align: center;
+            }
+            .usage-metric:nth-child(3n + 1) {
+                text-align: left;
+            }
+            .usage-metric:nth-child(3n) {
+                text-align: right;
            }
            .usage-metric .label-text { font-size: 0.64rem; }
            .usage-metric .font-mono { font-size: 0.88rem; }