diff --git a/static/css/satellite_dashboard.css b/static/css/satellite_dashboard.css index 2da3f22..3f9a327 100644 --- a/static/css/satellite_dashboard.css +++ b/static/css/satellite_dashboard.css @@ -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; } }