Balance column heights to eliminate sky view gap

Precise calculation showed mission-drawer (~1100px) was 213px taller
than command-rail content (~887px), leaving 213px of empty background
at the bottom of the right column.

Three targeted reductions to mission-drawer height (~234px total):
- drawer-actions: stacked 1-column → 3-column row (-76px)
- drawer-list: max-height 240px → 180px (-40px)
- drawer-info-grid: 1-column → 2-column for Quick Info (-118px)

Mission-drawer drops to ~866px, command-rail (~887px) now drives the
primary-layout row height — gap closes.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
James Smith
2026-03-20 00:08:07 +00:00
parent 44428c2517
commit b26ce4f56f

View File

@@ -374,8 +374,8 @@ body {
.drawer-actions {
display: grid;
grid-template-columns: 1fr;
gap: 8px;
grid-template-columns: repeat(3, 1fr);
gap: 6px;
}
.drawer-action-btn {
@@ -449,7 +449,7 @@ body {
.drawer-list {
min-height: 0;
max-height: 240px;
max-height: 180px;
overflow-y: auto;
}
@@ -552,8 +552,8 @@ body {
.drawer-info-grid {
display: grid;
grid-template-columns: 1fr;
gap: 8px;
grid-template-columns: repeat(2, 1fr);
gap: 6px;
}
.drawer-info-card {