From 0003734bede2c36441ce0ef2699bf237500586bb Mon Sep 17 00:00:00 2001
From: ReaperOfVeriod <reaperofveriod@gmail.com>
Date: Sun, 25 Oct 2026 04:04:06 +0100
Subject: [PATCH] style: compact dashboard heading

---
 src/App.svelte | 2 +-
 src/styles.css | 9 +++++----
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/App.svelte b/src/App.svelte
index ac35461..7fec2ce 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -46,7 +46,7 @@
     </aside>
 
     <section class="content-area">
-      <div class="content-heading"><div><div class="micro">LIVE DASHBOARD / {activeView.toUpperCase()}</div><h1>{activeView}</h1></div><button class="secondary">⋮</button></div>
+      <div class="content-heading"><h1>{activeView}</h1><button class="secondary">⋮</button></div>
       <div class="dashboard-grid">
         <section class="panel preview-panel"><div class="panel-header"><span>STREAM PREVIEW</span><span class="panel-menu">⋮</span></div><div class="preview-stage"><div class="offline-mark">STREAM OFFLINE</div><div class="offline-subtitle">CONNECT TWITCH TO BEGIN</div></div><div class="panel-footer"><span class="micro">VIDEO PLAYER</span><span class="badge">OFFLINE</span></div></section>
         <section class="panel activity-panel"><div class="panel-header"><span>ACTIVITY FEED</span><span class="panel-menu">⋮</span></div><div class="panel-tabs"><button class="tab active">ALL ACTIVITY</button><button class="tab">MODERATION</button></div><div class="empty-state"><div class="empty-glyph">◌</div><strong>Nothing here yet</strong><span>Follows, subscriptions, raids, and server events will appear here.</span></div></section>
diff --git a/src/styles.css b/src/styles.css
index c7f7b0b..d573999 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -264,13 +264,14 @@ label {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  margin-bottom: 12px;
+  min-height: 24px;
+  margin-bottom: 4px;
 }
 .content-heading h1 {
-  margin: 3px 0 0;
+  margin: 0;
   color: var(--ed-fg);
-  font: 600 18px var(--font-display);
-  letter-spacing: 0.08em;
+  font: 600 13px var(--font-display);
+  letter-spacing: 0.16em;
   text-transform: uppercase;
 }
 .dashboard-grid {