From 4dcaad3a2e6735165d4a51cd58c9763d24041a46 Mon Sep 17 00:00:00 2001 From: Luca Serioli Date: Sat, 5 Sep 2026 20:47:02 +0200 Subject: [PATCH] Fix mobile sample metadata spacing --- templates/index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/templates/index.html b/templates/index.html index 11186c1..7b30884 100644 --- a/templates/index.html +++ b/templates/index.html @@ -14,7 +14,7 @@ .hero{padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--card);margin-bottom:14px}.hero strong{font-size:1.3rem}.dot{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:8px;background:var(--warn)}.dot.ok{background:var(--ok)}.dot.bad{background:var(--bad)} .sampleline{margin-top:8px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.sampleline .sep{opacity:.45}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px}.card .value{font-size:1.25rem;font-weight:700;margin-top:5px;overflow-wrap:anywhere}.label{color:var(--muted);font-size:.85rem}.subvalue{font-size:.76rem;color:var(--muted);margin-top:4px;overflow-wrap:anywhere} .two{display:grid;grid-template-columns:1.2fr .8fr;gap:12px;margin-bottom:14px}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{text-align:left;padding:9px 7px;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--muted);font-weight:600}.badge{display:inline-block;padding:3px 8px;border-radius:999px;background:#27314a;white-space:nowrap}.badge.reboot{background:#5a2b2b}.badge.wan{background:#55411e}.badge.problem{background:#4a2a42}.actions{display:flex;gap:8px;flex-wrap:wrap}button.btn,a.btn{color:#fff;text-decoration:none;padding:8px 11px;border:1px solid var(--line);border-radius:10px;background:#202942;font:inherit;cursor:pointer}canvas{width:100%;height:230px;background:#0e1424;border-radius:10px;border:1px solid var(--line)}.statrow{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.ministat{padding:9px;border:1px solid var(--line);border-radius:10px;background:var(--card2)}.ministat b{display:block;margin-top:3px}.diagnosis{line-height:1.55}.kicker{font-size:.78rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em} -@media(max-width:850px){.grid{grid-template-columns:repeat(2,1fr)}.two{grid-template-columns:1fr}.three{grid-template-columns:1fr}.statrow{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){main{padding:12px}.grid{grid-template-columns:1fr 1fr}.card{padding:11px}.card .value{font-size:1.05rem}.sampleline{display:block}.sampleline .sep{display:none}} +@media(max-width:850px){.grid{grid-template-columns:repeat(2,1fr)}.two{grid-template-columns:1fr}.three{grid-template-columns:1fr}.statrow{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){main{padding:12px}.grid{grid-template-columns:1fr 1fr}.card{padding:11px}.card .value{font-size:1.05rem}.sampleline{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.sampleline .sep{display:none}}