Stretch sky view to fill right column height

- command-rail last row changed from minmax(260px, 340px) to 1fr so the
  polar plot expands to fill whatever vertical space remains after the
  Next Pass and Live Telemetry panels
- polar-container made flex-column so panel-content can grow with flex: 1
- #polarPlot width/height 100% with aspect-ratio 1/1 — canvas fills the
  available square area and stays proportional
- Remove align-items: start from the 1320px breakpoint primary-layout so
  the command-rail stretches to match map height in the two-column layout
- Fix matching 2-column command-rail rows at 1320px breakpoint

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
James Smith
2026-03-19 23:33:17 +00:00
parent ad4a4db160
commit 35c874da52

View File

@@ -292,11 +292,9 @@ body {
.command-rail {
display: grid;
grid-template-rows: auto auto auto minmax(260px, 340px);
grid-template-rows: auto auto auto 1fr;
gap: 6px;
min-width: 0;
align-items: start;
align-content: start;
}
.data-grid {
@@ -737,22 +735,27 @@ body {
/* Polar plot */
.polar-container {
min-height: 0;
min-height: 200px;
display: flex;
flex-direction: column;
}
.polar-container .panel-content {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
padding: 8px;
height: auto;
min-height: 0;
overflow: hidden;
}
#polarPlot {
display: block;
width: 100%;
max-width: 300px;
height: 100%;
max-width: 100%;
max-height: 100%;
aspect-ratio: 1 / 1;
}
@@ -1536,7 +1539,6 @@ body {
@media (max-width: 1320px) {
.primary-layout {
grid-template-columns: minmax(280px, 320px) minmax(0, 1fr);
align-items: start;
}
.mission-drawer {
@@ -1553,7 +1555,7 @@ body {
grid-column: 2;
grid-row: 2;
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-template-rows: auto minmax(260px, 320px);
grid-template-rows: auto 1fr;
}
}