diff --git a/frontend/src/components/schedule/ScheduleLayoutShell.vue b/frontend/src/components/schedule/ScheduleLayoutShell.vue index 316fbadf..8d9d4743 100755 --- a/frontend/src/components/schedule/ScheduleLayoutShell.vue +++ b/frontend/src/components/schedule/ScheduleLayoutShell.vue @@ -299,7 +299,12 @@ export default { } .schedule-summary-item { - min-width: 120px; + flex: 1 1 0; + min-width: 0; + display: flex; + flex-direction: column; + gap: 0.1rem; + padding: 0.2rem 0.35rem; } .schedule-summary-label, @@ -308,6 +313,10 @@ export default { color: var(--text-muted); } +.schedule-summary-item strong { + line-height: 1.2; +} + .schedule-layout { display: flex; gap: 1rem; @@ -520,8 +529,7 @@ export default { } .schedule-summary-item { - flex: 1 1 100%; - min-width: 0; + flex: 1 1 calc(50% - 0.5rem); } .tab-navigation { @@ -536,4 +544,15 @@ export default { white-space: nowrap; } } + +@media (min-width: 641px) { + .schedule-summary-bar { + display: grid; + grid-template-columns: repeat(5, minmax(0, 1fr)); + gap: 0.4rem 0.75rem; + align-items: start; + padding-top: 0.65rem; + padding-bottom: 0.65rem; + } +}