Reduce branch card height in tables

This commit is contained in:
2026-03-15 01:40:33 +01:00
parent 7fcf1ef17d
commit adeba60dce
2 changed files with 20 additions and 5 deletions

View File

@@ -18,14 +18,16 @@
@foreach (var branch in Branches) @foreach (var branch in Branches)
{ {
<div class="critical-branch-card"> <div class="critical-branch-card">
<span class="critical-branch-condition"> <div class="critical-branch-header">
@branch.ConditionText <span class="critical-branch-condition">
</span> @branch.ConditionText
</span>
<AffixBadgeList Effects="branch.Effects" />
</div>
@if (!string.IsNullOrWhiteSpace(branch.Description)) @if (!string.IsNullOrWhiteSpace(branch.Description))
{ {
<p class="critical-branch-description">@branch.Description</p> <p class="critical-branch-description">@branch.Description</p>
} }
<AffixBadgeList Effects="branch.Effects" />
</div> </div>
} }
</div> </div>

View File

@@ -299,6 +299,14 @@ textarea {
background: rgba(255, 255, 255, 0.85); 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 { .critical-branch-condition {
display: inline-block; display: inline-block;
font-size: 0.75rem; font-size: 0.75rem;
@@ -308,12 +316,17 @@ textarea {
} }
.critical-branch-description { .critical-branch-description {
margin: 0.3rem 0 0.45rem; margin: 0.3rem 0 0;
font-size: 0.85rem; font-size: 0.85rem;
line-height: 1.35; line-height: 1.35;
color: #3b2a21; color: #3b2a21;
} }
.critical-branch-header .affix-badge-list {
margin-top: 0;
justify-content: flex-end;
}
.effect-stack { .effect-stack {
margin-top: 0.85rem; margin-top: 0.85rem;
} }