Reduce branch card height in tables

src/RolemasterDb.App/Components/Shared/CompactCriticalCell.razor

@@ -18,14 +18,16 @@
                     @foreach (var branch in Branches)
                     {
                         <div class="critical-branch-card">
+                            <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>

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;
 }