Fix controls bar alignment with stretch + space-between

Use align-items: stretch on controls-bar to make all control
groups the same height, and justify-content: space-between on
control-group to push content to top/bottom within each box.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Smittix
2026-02-04 20:58:07 +00:00
parent a09793b6ec
commit a8d25f9c01
2 changed files with 4 additions and 2 deletions

View File

@@ -755,7 +755,7 @@ body {
grid-column: 1 / -1;
grid-row: 2;
display: flex;
align-items: flex-end;
align-items: stretch;
flex-wrap: nowrap;
gap: 8px;
padding: 8px 15px;
@@ -783,6 +783,7 @@ body {
.control-group {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
gap: 4px;
padding: 6px 10px;

View File

@@ -670,7 +670,7 @@ body {
grid-column: 1 / -1;
grid-row: 2;
display: flex;
align-items: flex-end;
align-items: stretch;
flex-wrap: nowrap;
gap: 8px;
padding: 8px 15px;
@@ -683,6 +683,7 @@ body {
.control-group {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
gap: 4px;
padding: 6px 10px;