diff --git a/assets/webui/ofdgo.css b/assets/webui/ofdgo.css index 0465190..e44dc02 100644 --- a/assets/webui/ofdgo.css +++ b/assets/webui/ofdgo.css @@ -60,7 +60,8 @@ .print-dialog :is(input, select, button):focus-visible { outline-offset: -2px; } .print-field { display: flex; min-width: 0; align-items: center; gap: 6px; } .print-dialog .print-field > :is(input, select) { flex: 1 1 0; min-width: 0; width: 0; } -.print-field > :is(.print-check, button) { flex: 0 0 80px; } +.print-field > :is(.print-check, button) { flex: 0 0 calc(5em + 4px); } +.print-field > button { height: var(--control-height); font: inherit; } .print-field:has(#printBackReverse) .print-check:first-child { flex: 1; justify-content: start; } .print-field > span { flex: none; color: var(--text-muted); white-space: nowrap; } .print-dialog .print-settings .print-margins input { padding: 0 3px; text-align: center; } @@ -69,7 +70,7 @@ .print-options label { display: inline-flex; align-items: center; gap: 4px; white-space: nowrap; } .print-field > .print-check { justify-content: flex-end; } .print-options .form-select select { flex: 1; width: 0; } -.print-check input, .print-options input { margin: 0; accent-color: var(--accent); } +.print-check input, .print-options input { width: 1em; height: 1em; margin: 0; accent-color: var(--accent); } .print-settings-panel, .print-preview { display: flex; min-width: 0; min-height: 0; flex-direction: column; gap: 12px; } .print-dialog .form-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); } .print-preview-stage { position: relative; display: flex; flex: 1; min-height: 0; }