From e523607cbc10c3b93e573fb651b16ab62eacbd5c Mon Sep 17 00:00:00 2001 From: Noratrieb <48135649+Noratrieb@users.noreply.github.com> Date: Fri, 14 Nov 2025 22:16:32 +0100 Subject: [PATCH] Improve design Highlight that there are build details available with a `[details]` link which wasn't obvious before. --- static/index.css | 28 ++++++++++++---------------- templates/nightly.html | 7 +++++-- templates/target.html | 9 ++++++--- 3 files changed, 23 insertions(+), 21 deletions(-) diff --git a/static/index.css b/static/index.css index 90ca657..f6d7721 100644 --- a/static/index.css +++ b/static/index.css @@ -18,7 +18,7 @@ table { th, td { - padding: 2px 5px; + padding: 2px 10px; } tr:not(:last-child) { @@ -40,32 +40,28 @@ tr:not(:last-child) { background-color: light-dark(lightgray, rgb(85, 85, 85)); } -.target-header { - writing-mode: sideways-lr; -} - .build-indicator-big { padding: 10px; margin-top: 20px; } -.build-cell { +.build-details-link { + display: flex; + align-items: center; + text-decoration: none; +} + +.build-details-emoji { + padding: 5px; font-size: 2rem; } -.build-info-a { - color: black; - text-decoration: none; - height: 100%; - width: 100%; - padding: 5px; +.build-details-text { + text-decoration: underline; } .footer { - margin-top: 20px; - display: flex; - align-items: center; - gap: 10px; + margin-top: 40px; } @media (prefers-color-scheme: dark) { diff --git a/templates/nightly.html b/templates/nightly.html index 3207c90..cc5d5f1 100644 --- a/templates/nightly.html +++ b/templates/nightly.html @@ -52,8 +52,11 @@ {{ build.0 }} {% match build.2 %} {% when Some with (build) %} - - {{ build.status.to_emoji() }} + + + {{ build.status.to_emoji() }} + + [details] {% when None %} diff --git a/templates/target.html b/templates/target.html index e83b13b..6df13d5 100644 --- a/templates/target.html +++ b/templates/target.html @@ -1,4 +1,4 @@ - + @@ -63,8 +63,11 @@ {{ build.0 }} {% match build.2 %} {% when Some with (build) %} - - {{ build.status.to_emoji() }} + + + {{ build.status.to_emoji() }} + + [details] {% when None %}