From 21afb960e2380cdd8696f86c8f5e92cab91effbd Mon Sep 17 00:00:00 2001
From: Frank Tovar <mail@franktovar.de>
Date: Sat, 14 Mar 2026 13:41:01 +0100
Subject: [PATCH] Refine critical table layout density

---
 .../Components/Pages/Tables.razor             |  6 ++---
 src/RolemasterDb.App/wwwroot/app.css          | 25 +++++++++++++------
 2 files changed, 20 insertions(+), 11 deletions(-)

diff --git a/src/RolemasterDb.App/Components/Pages/Tables.razor b/src/RolemasterDb.App/Components/Pages/Tables.razor
index 443419a..a3036b2 100644
--- a/src/RolemasterDb.App/Components/Pages/Tables.razor
+++ b/src/RolemasterDb.App/Components/Pages/Tables.razor
@@ -72,7 +72,7 @@
                 <table class="critical-table">
                     <thead>
                         <tr>
-                            <th class="roll-band-header" rowspan="2">Roll band</th>
+                            <th class="roll-band-header" rowspan="2"></th>
                             @if (detail.Groups.Count > 0)
                             {
                                 foreach (var group in detail.Groups)
@@ -82,7 +82,7 @@
                             }
                             else
                             {
-                                <th colspan="@detail.Columns.Count">Columns</th>
+                                <th colspan="@detail.Columns.Count"></th>
                             }
                         </tr>
                         <tr>
@@ -94,7 +94,6 @@
                                     {
                                         <th>
                                             <span>@column.Label</span>
-                                            <small>@column.Role</small>
                                         </th>
                                     }
                                 }
@@ -105,7 +104,6 @@
                                 {
                                     <th>
                                         <span>@column.Label</span>
-                                        <small>@column.Role</small>
                                     </th>
                                 }
                             }
diff --git a/src/RolemasterDb.App/wwwroot/app.css b/src/RolemasterDb.App/wwwroot/app.css
index 9da9c2a..b4d5af2 100644
--- a/src/RolemasterDb.App/wwwroot/app.css
+++ b/src/RolemasterDb.App/wwwroot/app.css
@@ -76,7 +76,7 @@ textarea {
 }
 
 .page-title {
-    font-size: clamp(2.2rem, 4vw, 3.5rem);
+    font-size: 2.5rem;
     line-height: 0.95;
     margin: 0;
     font-family: var(--font-heading);
@@ -300,6 +300,7 @@ textarea {
 .critical-cell-description {
     margin: 0;
     color: #2c1a10;
+    font-size: 0.92rem;
 }
 
 .critical-branch-stack {
@@ -376,20 +377,17 @@ textarea {
 .affix-badge-list {
     display: flex;
     flex-wrap: wrap;
-    gap: 0.45rem;
+    gap: 0.25rem;
     margin-top: 0.5rem;
 }
 
 .affix-badge {
     display: inline-flex;
     align-items: center;
-    gap: 0.25rem;
-    padding: 0.35rem 0.5rem;
-    border-radius: 999px;
+    padding: 0.1rem;
     border: 1px solid rgba(127, 96, 55, 0.18);
     background: rgba(255, 250, 242, 0.9);
     font-size: 0.78rem;
-    letter-spacing: 0.02em;
     text-transform: uppercase;
     color: #5b4327;
 }
@@ -531,7 +529,8 @@ textarea {
 .critical-table th {
     background: rgba(238, 223, 193, 0.45);
     text-transform: uppercase;
-    letter-spacing: 0.04em;
+    text-align: center;
+    vertical-align: middle;
 }
 
 .critical-table td {
@@ -542,11 +541,23 @@ textarea {
 
 .critical-table td .critical-cell {
     gap: 0.25rem;
+    height: 100%;
 }
 
 .critical-table .roll-band-header {
     width: 120px;
     background: rgba(255, 247, 230, 0.52);
+    font-size: 0.98rem;
+    text-align: center;
+    vertical-align: middle;
+}
+
+.critical-table thead th {
+    font-size: 0.98rem;
+}
+
+.critical-table td .affix-badge-list {
+    margin-top: auto;
 }
 
 .empty-cell {