diff --git a/frontend/css/style.css b/frontend/css/style.css index 01f38b8..1ac27ec 100644 --- a/frontend/css/style.css +++ b/frontend/css/style.css @@ -2489,8 +2489,11 @@ tr:hover .action-cell { display: flex; flex-direction: row; align-items: center; + justify-content: center; gap: 4px; - min-width: auto; + width: 80px; + min-width: 80px; + max-width: 80px; padding: 4px 8px; background: var(--white); border-radius: 4px; @@ -2498,6 +2501,7 @@ tr:hover .action-cell { color: var(--medium-gray); text-align: center; white-space: nowrap; + flex-shrink: 0; } .summary-item-date .day { @@ -2520,28 +2524,31 @@ tr:hover .action-cell { .summary-item-content.combined-content { display: flex; flex-direction: row; - flex-wrap: wrap; - align-items: center; + flex-wrap: nowrap; + align-items: flex-start; gap: 10px; } .content-row { display: flex; - align-items: center; + align-items: flex-start; gap: 6px; - flex: 1; + width: 35%; min-width: 200px; + flex-shrink: 0; } .content-label { color: var(--primary-orange); font-size: 0.9rem; min-width: 18px; + flex-shrink: 0; } .content-text { flex: 1; word-break: break-word; + line-height: 1.4; } .content-divider { @@ -2555,10 +2562,11 @@ tr:hover .action-cell { display: flex; align-items: center; gap: 10px; - margin-left: auto; + min-width: 280px; font-size: 0.75rem; color: var(--medium-gray); flex-shrink: 0; + white-space: nowrap; } .summary-item-meta span {