From 2e99a72cf4e1ffff12e2d6ce428d3731baab50b0 Mon Sep 17 00:00:00 2001 From: pnoker Date: Tue, 5 May 2026 00:40:15 +0800 Subject: [PATCH] fix(home): restore 8px rhythm between SlaBadge and stat grid SlaBadge is rendered conditionally between the banner row and the stat strip. Neither neighbour sets a top margin, so the badge was sitting flush against the stats and reading as a banner appendage instead of its own strip. Give it the page's 8px rhythm. --- src/views/home/Home.vue | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/src/views/home/Home.vue b/src/views/home/Home.vue index cd87864a3..a72c3508f 100644 --- a/src/views/home/Home.vue +++ b/src/views/home/Home.vue @@ -131,6 +131,14 @@ } } + // SlaBadge is conditionally rendered between the banner row and the + // stat grid. Neither neighbour sets a top margin, so by default the + // badge sits flush against the stats. Restore the page's 8px rhythm + // so it reads as its own strip, not as a banner appendage. + .sla-badge { + margin-bottom: 8px; + } + // Stat indicators: always fit the strip on one line, regardless of how // many cards the cards computed property ends up with. Below 1280px // (tablet / mobile) fall back to 2 cols so cards don't squeeze below