diff --git a/src/pages/ExportPage.scss b/src/pages/ExportPage.scss index 594fc44..90bbe08 100644 --- a/src/pages/ExportPage.scss +++ b/src/pages/ExportPage.scss @@ -22,7 +22,7 @@ .export-top-bar { display: flex; - align-items: flex-start; + align-items: stretch; gap: 12px; } @@ -261,7 +261,8 @@ } .global-export-controls { - flex: 1; + flex: 0 1 820px; + width: min(820px, 100%); background: var(--card-bg); border: 1px solid var(--border-color); border-radius: 12px; @@ -269,7 +270,7 @@ display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(260px, 1fr); gap: 10px; - align-items: center; + align-items: stretch; .control-label { font-size: 11px; @@ -534,6 +535,7 @@ font-weight: 600; cursor: pointer; flex-shrink: 0; + align-self: stretch; transition: border-color 0.12s ease, color 0.12s ease, box-shadow 0.12s ease, transform 0.12s ease; &:hover { @@ -3282,6 +3284,8 @@ .global-export-controls { padding: 10px; gap: 8px; + flex-basis: 760px; + width: min(760px, 100%); grid-template-columns: minmax(0, 1.5fr) minmax(240px, 1fr); } @@ -3305,6 +3309,8 @@ } .global-export-controls { + flex: 1 1 auto; + width: 100%; grid-template-columns: 1fr; align-items: stretch; } @@ -3322,6 +3328,7 @@ } .task-center-card { + align-self: auto; width: 100%; justify-content: space-between; }