diff --git a/src/web/public/styles.css b/src/web/public/styles.css index 73c1d020..c3418151 100644 --- a/src/web/public/styles.css +++ b/src/web/public/styles.css @@ -2556,42 +2556,86 @@ body { } .run-summary-session-info { - font-size: 0.8rem; - color: var(--text-dim); + font-size: 0.7rem; + color: var(--text-muted); + font-family: 'SF Mono', Monaco, monospace; + padding: 0.25rem 0; } .run-summary-footer { display: flex; - align-items: center; - justify-content: space-between; - margin-top: 1rem; - padding-top: 0.75rem; - border-top: 1px solid var(--border); + flex-direction: column; + gap: 0.5rem; + margin-top: 0.75rem; + padding-top: 0.625rem; + border-top: 1px solid rgba(255, 255, 255, 0.06); } .run-summary-actions { display: flex; align-items: center; - gap: 0.75rem; + gap: 0.5rem; + flex-wrap: wrap; +} + +.run-summary-actions .btn-toolbar { + font-size: 0.7rem; + padding: 0.25rem 0.5rem; } .modal-footer-actions { display: flex; align-items: center; - gap: 0.75rem; + gap: 0.5rem; + flex-wrap: wrap; } .auto-refresh-label { display: flex; align-items: center; - gap: 0.375rem; - font-size: 0.8rem; + gap: 0.25rem; + font-size: 0.7rem; color: var(--text-dim); cursor: pointer; } .auto-refresh-label input[type="checkbox"] { cursor: pointer; + width: 12px; + height: 12px; +} + +/* Empty message for timeline */ +.run-summary-timeline .empty-message { + color: var(--text-muted); + font-size: 0.75rem; + text-align: center; + padding: 2rem 1rem; + margin: 0; +} + +/* Legacy run summary modal footer */ +#runSummaryModal .modal-footer { + display: flex; + flex-direction: column; + gap: 0.5rem; + padding: 0.75rem 1rem; + border-top: 1px solid rgba(255, 255, 255, 0.06); +} + +#runSummaryModal .modal-footer .run-summary-session-info { + font-size: 0.7rem; + color: var(--text-muted); + font-family: 'SF Mono', Monaco, monospace; +} + +#runSummaryModal .modal-footer-actions { + gap: 0.5rem; +} + +#runSummaryModal .modal-footer-actions .btn-toolbar { + font-size: 0.7rem; + padding: 0.25rem 0.5rem; } /* Tab summary icon */