From adeba60dcec66eb5e455a84564c16405e096452e Mon Sep 17 00:00:00 2001
From: Frank Tovar <mail@franktovar.de>
Date: Sun, 15 Mar 2026 01:40:33 +0100
Subject: [PATCH] Reduce branch card height in tables

---
 .../Components/Shared/CompactCriticalCell.razor   | 10 ++++++----
 src/RolemasterDb.App/wwwroot/app.css              | 15 ++++++++++++++-
 2 files changed, 20 insertions(+), 5 deletions(-)

diff --git a/src/RolemasterDb.App/Components/Shared/CompactCriticalCell.razor b/src/RolemasterDb.App/Components/Shared/CompactCriticalCell.razor
index b8fd06f..65a53c6 100644
--- a/src/RolemasterDb.App/Components/Shared/CompactCriticalCell.razor
+++ b/src/RolemasterDb.App/Components/Shared/CompactCriticalCell.razor
@@ -18,14 +18,16 @@
                     @foreach (var branch in Branches)
                     {
                         <div class="critical-branch-card">
-                            <span class="critical-branch-condition">
-                                @branch.ConditionText
-                            </span>
+                            <div class="critical-branch-header">
+                                <span class="critical-branch-condition">
+                                    @branch.ConditionText
+                                </span>
+                                <AffixBadgeList Effects="branch.Effects" />
+                            </div>
                             @if (!string.IsNullOrWhiteSpace(branch.Description))
                             {
                                 <p class="critical-branch-description">@branch.Description</p>
                             }
-                            <AffixBadgeList Effects="branch.Effects" />
                         </div>
                     }
                 </div>
diff --git a/src/RolemasterDb.App/wwwroot/app.css b/src/RolemasterDb.App/wwwroot/app.css
index 57ce110..97df92f 100644
--- a/src/RolemasterDb.App/wwwroot/app.css
+++ b/src/RolemasterDb.App/wwwroot/app.css
@@ -299,6 +299,14 @@ textarea {
     background: rgba(255, 255, 255, 0.85);
 }
 
+.critical-branch-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 0.5rem;
+    flex-wrap: wrap;
+}
+
 .critical-branch-condition {
     display: inline-block;
     font-size: 0.75rem;
@@ -308,12 +316,17 @@ textarea {
 }
 
 .critical-branch-description {
-    margin: 0.3rem 0 0.45rem;
+    margin: 0.3rem 0 0;
     font-size: 0.85rem;
     line-height: 1.35;
     color: #3b2a21;
 }
 
+.critical-branch-header .affix-badge-list {
+    margin-top: 0;
+    justify-content: flex-end;
+}
+
 .effect-stack {
     margin-top: 0.85rem;
 }