From e526b5238b7ab888b9a54a7c84ad46b04605bf0c Mon Sep 17 00:00:00 2001
From: Frank Tovar <mail@franktovar.de>
Date: Sun, 15 Mar 2026 01:30:07 +0100
Subject: [PATCH] Remove non-functional layout chrome

---
 .../Components/Layout/MainLayout.razor        |  8 ---
 .../Components/Layout/MainLayout.razor.css    | 41 ---------------
 .../Components/Layout/NavMenu.razor           | 51 +++++++++----------
 .../Components/Layout/NavMenu.razor.css       | 41 +++++----------
 .../Components/Pages/Api.razor                |  6 ---
 .../Components/Pages/Home.razor               | 11 +---
 .../Components/Pages/Tables.razor             |  6 ---
 src/RolemasterDb.App/wwwroot/app.css          | 27 ----------
 8 files changed, 37 insertions(+), 154 deletions(-)

diff --git a/src/RolemasterDb.App/Components/Layout/MainLayout.razor b/src/RolemasterDb.App/Components/Layout/MainLayout.razor
index 4e65da9..15ad733 100644
--- a/src/RolemasterDb.App/Components/Layout/MainLayout.razor
+++ b/src/RolemasterDb.App/Components/Layout/MainLayout.razor
@@ -6,14 +6,6 @@
     </div>
 
     <main>
-        <div class="top-row">
-            <div>
-                <span class="eyebrow">Session Tools</span>
-                <span class="top-row-title">Attack lookup, critical lookup, and table browsing</span>
-            </div>
-            <span class="status-pill">Ready for play</span>
-        </div>
-
         <article class="content-shell">
             @Body
         </article>
diff --git a/src/RolemasterDb.App/Components/Layout/MainLayout.razor.css b/src/RolemasterDb.App/Components/Layout/MainLayout.razor.css
index f77f0d5..142cf3b 100644
--- a/src/RolemasterDb.App/Components/Layout/MainLayout.razor.css
+++ b/src/RolemasterDb.App/Components/Layout/MainLayout.razor.css
@@ -16,45 +16,10 @@ main {
     border-right: 1px solid rgba(196, 167, 107, 0.2);
 }
 
-.top-row {
-    display: flex;
-    justify-content: space-between;
-    gap: 1rem;
-    align-items: center;
-    padding: 1.15rem 1.5rem;
-    border-bottom: 1px solid rgba(111, 87, 59, 0.28);
-    background: rgba(250, 245, 234, 0.84);
-    backdrop-filter: blur(18px);
-}
-
-.eyebrow {
-    display: block;
-    font-size: 0.72rem;
-    letter-spacing: 0.14em;
-    text-transform: uppercase;
-    color: #7c5b33;
-}
-
-.status-pill {
-    padding: 0.45rem 0.8rem;
-    border-radius: 999px;
-    border: 1px solid rgba(111, 87, 59, 0.2);
-    background: rgba(255, 252, 246, 0.8);
-    color: #5b4427;
-    font-size: 0.82rem;
-}
-
 .content-shell {
     padding: 1.5rem;
 }
 
-@media (max-width: 640.98px) {
-    .top-row {
-        flex-direction: column;
-        align-items: flex-start;
-    }
-}
-
 @media (min-width: 641px) {
     .page {
         flex-direction: row;
@@ -66,12 +31,6 @@ main {
         position: sticky;
         top: 0;
     }
-
-    .top-row {
-        position: sticky;
-        top: 0;
-        z-index: 1;
-    }
 }
 
 #blazor-error-ui {
diff --git a/src/RolemasterDb.App/Components/Layout/NavMenu.razor b/src/RolemasterDb.App/Components/Layout/NavMenu.razor
index 92b4ce2..a2bfe8d 100644
--- a/src/RolemasterDb.App/Components/Layout/NavMenu.razor
+++ b/src/RolemasterDb.App/Components/Layout/NavMenu.razor
@@ -1,30 +1,25 @@
-<div class="top-row ps-3 navbar navbar-dark">
-    <div class="container-fluid brand-shell">
-        <a class="navbar-brand" href="">RolemasterDB</a>
-        <p class="brand-copy">Fast attack and critical lookup during play.</p>
+<div class="nav-menu-shell">
+    <input type="checkbox" title="Navigation menu" class="navbar-toggler" />
+
+    <div class="nav-scrollable" onclick="document.querySelector('.navbar-toggler')?.click()">
+        <nav class="nav flex-column">
+            <div class="nav-item px-3">
+                <NavLink class="nav-link" href="" Match="NavLinkMatch.All">
+                    <span class="bi bi-house-door-fill-nav-menu" aria-hidden="true"></span> Lookup Desk
+                </NavLink>
+            </div>
+
+            <div class="nav-item px-3">
+                <NavLink class="nav-link" href="api">
+                    <span class="bi bi-list-nested-nav-menu" aria-hidden="true"></span> API Surface
+                </NavLink>
+            </div>
+
+            <div class="nav-item px-3">
+                <NavLink class="nav-link" href="tables">
+                    <span class="bi bi-table" aria-hidden="true"></span> Critical Tables
+                </NavLink>
+            </div>
+        </nav>
     </div>
 </div>
-
-<input type="checkbox" title="Navigation menu" class="navbar-toggler" />
-
-<div class="nav-scrollable" onclick="document.querySelector('.navbar-toggler')?.click()">
-    <nav class="nav flex-column">
-        <div class="nav-item px-3">
-            <NavLink class="nav-link" href="" Match="NavLinkMatch.All">
-                <span class="bi bi-house-door-fill-nav-menu" aria-hidden="true"></span> Lookup Desk
-            </NavLink>
-        </div>
-
-        <div class="nav-item px-3">
-            <NavLink class="nav-link" href="api">
-                <span class="bi bi-list-nested-nav-menu" aria-hidden="true"></span> API Surface
-            </NavLink>
-        </div>
-
-        <div class="nav-item px-3">
-            <NavLink class="nav-link" href="tables">
-                <span class="bi bi-table" aria-hidden="true"></span> Critical Tables
-            </NavLink>
-        </div>
-    </nav>
-</div>
diff --git a/src/RolemasterDb.App/Components/Layout/NavMenu.razor.css b/src/RolemasterDb.App/Components/Layout/NavMenu.razor.css
index b5b4217..5a9395c 100644
--- a/src/RolemasterDb.App/Components/Layout/NavMenu.razor.css
+++ b/src/RolemasterDb.App/Components/Layout/NavMenu.razor.css
@@ -1,3 +1,8 @@
+.nav-menu-shell {
+    position: relative;
+    min-height: 3.5rem;
+}
+
 .navbar-toggler {
     appearance: none;
     cursor: pointer;
@@ -15,30 +20,6 @@
     background-color: rgba(226, 195, 128, 0.3);
 }
 
-.top-row {
-    min-height: 3.5rem;
-    background-color: rgba(0, 0, 0, 0.16);
-}
-
-.navbar-brand {
-    font-size: 1.45rem;
-    font-family: "Source Sans 3", "Segoe UI", sans-serif;
-    letter-spacing: 0.04em;
-    color: #fff1d2;
-    text-decoration: none;
-}
-
-.brand-shell {
-    padding: 1.2rem 0.5rem 1rem 0.5rem;
-}
-
-.brand-copy {
-    margin: 0.55rem 0 0;
-    color: rgba(255, 241, 210, 0.72);
-    font-size: 0.9rem;
-    line-height: 1.45;
-}
-
 .bi {
     display: inline-block;
     position: relative;
@@ -62,10 +43,6 @@
     padding-bottom: 0.35rem;
 }
 
-.nav-item:first-of-type {
-    padding-top: 1.25rem;
-}
-
 .nav-item:last-of-type {
     padding-bottom: 1rem;
 }
@@ -96,6 +73,7 @@
 
 .nav-scrollable {
     display: none;
+    padding: 3.5rem 0 0.5rem;
 }
 
 .navbar-toggler:checked ~ .nav-scrollable {
@@ -107,9 +85,14 @@
         display: none;
     }
 
+    .nav-menu-shell {
+        min-height: 0;
+    }
+
     .nav-scrollable {
         display: block;
-        height: calc(100vh - 3.5rem);
+        height: 100vh;
         overflow-y: auto;
+        padding: 1rem 0;
     }
 }
diff --git a/src/RolemasterDb.App/Components/Pages/Api.razor b/src/RolemasterDb.App/Components/Pages/Api.razor
index 3040743..a58e80b 100644
--- a/src/RolemasterDb.App/Components/Pages/Api.razor
+++ b/src/RolemasterDb.App/Components/Pages/Api.razor
@@ -2,12 +2,6 @@
 
 <PageTitle>API Surface</PageTitle>
 
-<section class="hero-panel">
-    <span class="eyebrow">Minimal API</span>
-    <h1 class="page-title">Endpoints for attack, critical lookup, and manual critical-table curation.</h1>
-    <p class="lede">The Blazor UI uses the same lookup service that the API exposes, so this page doubles as the first integration contract for both read and write workflows.</p>
-</section>
-
 <div class="api-grid">
     <section class="panel">
         <h2 class="panel-title">Reference data</h2>
diff --git a/src/RolemasterDb.App/Components/Pages/Home.razor b/src/RolemasterDb.App/Components/Pages/Home.razor
index c8a37cd..052b8d7 100644
--- a/src/RolemasterDb.App/Components/Pages/Home.razor
+++ b/src/RolemasterDb.App/Components/Pages/Home.razor
@@ -6,19 +6,12 @@
 
 @if (referenceData is null)
 {
-    <section class="hero-panel">
-        <h1 class="page-title">Preparing the lookup desk...</h1>
-        <p class="lede">Loading the tables and options for play.</p>
+    <section class="panel">
+        <p class="muted">Loading tables and options...</p>
     </section>
 }
 else
 {
-    <section class="hero-panel">
-        <span class="eyebrow">Session Lookup</span>
-        <h1 class="page-title">Resolve attacks and criticals fast.</h1>
-        <p class="lede">Choose the table, enter the roll, and read the outcome without digging through extra metadata.</p>
-    </section>
-
     <div class="dashboard-grid">
         <section class="panel">
             <h2 class="panel-title">Attack Lookup</h2>
diff --git a/src/RolemasterDb.App/Components/Pages/Tables.razor b/src/RolemasterDb.App/Components/Pages/Tables.razor
index 3dc57b7..2f41cab 100644
--- a/src/RolemasterDb.App/Components/Pages/Tables.razor
+++ b/src/RolemasterDb.App/Components/Pages/Tables.razor
@@ -8,12 +8,6 @@
 
 <PageTitle>Critical Tables</PageTitle>
 
-<section class="hero-panel">
-    <span class="eyebrow">Critical Tables</span>
-    <h1 class="page-title">Browse critical results by table</h1>
-    <p class="lede">Switch tables to read the full roll matrix, compare outcomes, and use the affix legend as quick play help.</p>
-</section>
-
 <section class="panel tables-page">
     <div class="table-selector">
         <label for="critical-table-select">Critical table</label>
diff --git a/src/RolemasterDb.App/wwwroot/app.css b/src/RolemasterDb.App/wwwroot/app.css
index 31f70dc..130e326 100644
--- a/src/RolemasterDb.App/wwwroot/app.css
+++ b/src/RolemasterDb.App/wwwroot/app.css
@@ -38,18 +38,15 @@ summary,
 th,
 .eyebrow,
 .panel-title,
-.page-title,
 .detail-label,
 .branch-condition,
 .critical-branch-condition,
 .effect-stack h5,
 .tag,
 .stat-pill,
-.status-pill,
 .chip,
 .affix-badge,
 .table-list-title,
-.top-row-title,
 .legend-label {
     font-family: var(--font-heading);
     font-weight: 400;
@@ -75,27 +72,12 @@ textarea {
     font: inherit;
 }
 
-.page-title {
-    font-size: 2.5rem;
-    line-height: 0.95;
-    margin: 0;
-    font-family: var(--font-heading);
-}
-
-.lede {
-    margin: 0;
-    color: var(--ink-soft);
-    font-size: 1.05rem;
-    line-height: 1.7;
-}
-
 .dashboard-grid {
     display: grid;
     gap: 1.25rem;
     grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
 }
 
-.hero-panel,
 .panel {
     border: 1px solid var(--line);
     border-radius: 24px;
@@ -103,14 +85,6 @@ textarea {
     box-shadow: var(--shadow);
 }
 
-.hero-panel {
-    padding: 1.6rem;
-    margin-bottom: 1.25rem;
-    background:
-        linear-gradient(135deg, rgba(255, 251, 243, 0.94), rgba(244, 232, 203, 0.94)),
-        var(--panel);
-}
-
 .panel {
     padding: 1.35rem;
 }
@@ -750,7 +724,6 @@ textarea {
         padding: 1rem;
     }
 
-    .hero-panel,
     .panel {
         border-radius: 20px;
     }