From 40afc0cf6831d9caaf2a95772edd8cc488a05a59 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andreas=20Kr=C3=BChlmann?= <andreas@kruhlmann.dev>
Date: Tue, 28 Apr 2026 15:02:27 +0200
Subject: [PATCH] fix: remove duplicate eyebrow headers from settings cards and
 fix grid width

- Drop the redundant 'Settings' eyebrow from both Overlay and
  Integrations cards; the h3 heading is sufficient
- Change dashboard-grid from auto-fit/minmax to repeat(2, 1fr) so the
  two settings cards always split the full width evenly
---
 src/main/resources/static/css/styles.css    | 4 +---
 src/main/resources/templates/dashboard.html | 2 --
 2 files changed, 1 insertion(+), 5 deletions(-)

diff --git a/src/main/resources/static/css/styles.css b/src/main/resources/static/css/styles.css
index 24ba9a2..2f844d4 100644
--- a/src/main/resources/static/css/styles.css
+++ b/src/main/resources/static/css/styles.css
@@ -1041,7 +1041,7 @@ button:disabled:hover {
 
 .dashboard-grid {
     display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
+    grid-template-columns: repeat(2, 1fr);
     gap: 20px;
     align-items: start;
 }
@@ -3146,8 +3146,6 @@ button:disabled:hover {
     .dashboard-grid {
         grid-template-columns: 1fr;
     }
-
-    .danger-zone-item {
         flex-direction: column;
     }
 
diff --git a/src/main/resources/templates/dashboard.html b/src/main/resources/templates/dashboard.html
index 90162a9..28a32e6 100644
--- a/src/main/resources/templates/dashboard.html
+++ b/src/main/resources/templates/dashboard.html
@@ -97,7 +97,6 @@
             <div class="dashboard-grid">
                 <!-- Overlay settings -->
                 <section class="card">
-                    <p class="eyebrow">Settings</p>
                     <h3>Overlay</h3>
                     <p class="muted">Match these with your OBS resolution.</p>
                     <div class="control-grid">
@@ -126,7 +125,6 @@
 
                 <!-- Integration settings -->
                 <section class="card">
-                    <p class="eyebrow">Settings</p>
                     <h3>Integrations</h3>
                     <p class="muted">Set access policy for script assets.</p>
                     <div class="control-list">