From 3b28d09ca31f509c9e1e08e4bd0db1f87786b7ed Mon Sep 17 00:00:00 2001 From: Jakub Kicinski Date: Sat, 25 May 2024 17:36:53 -0700 Subject: [PATCH] ui: status: use one column on mobile Status and checks are unreadable on mobile. Use one column on high-DPI screens. Signed-off-by: Jakub Kicinski --- ui/contest.html | 12 ++++++------ ui/flakes.html | 18 +++++++++--------- ui/nipa.css | 17 ++++++++++++++--- 3 files changed, 29 insertions(+), 18 deletions(-) diff --git a/ui/contest.html b/ui/contest.html index 54534d3..b38920a 100644 --- a/ui/contest.html +++ b/ui/contest.html @@ -21,7 +21,7 @@
-
+
Loading: @@ -35,8 +35,8 @@
Filtering: -
-
+
+
@@ -54,7 +54,7 @@
-
+
-
+
@@ -89,7 +89,7 @@
-
+
Loading...
diff --git a/ui/flakes.html b/ui/flakes.html index 14d463f..390bc18 100644 --- a/ui/flakes.html +++ b/ui/flakes.html @@ -21,29 +21,29 @@
-
+
Filtering: -
-
+
+
-
+

-
+

-
+
Sort: @@ -58,12 +58,12 @@
-
+
Loading...
-
-
+
+
diff --git a/ui/nipa.css b/ui/nipa.css index a32c650..c96c360 100644 --- a/ui/nipa.css +++ b/ui/nipa.css @@ -29,11 +29,22 @@ tr:nth-child(even) { .box-flake { background-color: red; } .box-fail { background-color: #d06060; } -.row { - display: flex; +@media screen and (max-resolution: 116dpi) { + .row { + display: flex; + } + + .column { + flex: 50%; + padding: 1em; + } } -.column { +/* layout inside fieldsets even on small screens */ +.row-small { + display: flex; +} +.column-small { flex: 50%; padding: 1em; }
pass