refactor: adjust grid alignment and responsive breakpoint for improved layout consistency

Add align-items: start to body-grid and align-content: start to status-grid to prevent vertical stretching and maintain top alignment. Reduce responsive breakpoint from 960px to 760px to match new default window width.
This commit is contained in:
2026-03-18 10:41:10 +01:00
parent 1c496435f5
commit fcc32f253b

View File

@@ -148,6 +148,7 @@ input {
gap: 12px;
min-height: 0;
overflow: hidden;
align-items: start;
}
.login-panel,
@@ -218,6 +219,7 @@ input {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px;
align-content: start;
}
.detail-card,
@@ -298,7 +300,7 @@ input {
font-size: 0.95rem;
}
@media (max-width: 960px) {
@media (max-width: 760px) {
.body-grid {
grid-template-columns: 1fr;
}