diff --git a/frontend/css/app.css b/frontend/css/app.css index 20d61de..5b62aaf 100644 --- a/frontend/css/app.css +++ b/frontend/css/app.css @@ -535,8 +535,10 @@ a { color: var(--primary); text-decoration: none; } outline: none; } .cal-account-name { font-size: 11px; color: var(--text-3); padding: 4px 16px 2px; font-weight: 500; } -.cal-item-remove { opacity: 0; } -.cal-item:hover .cal-item-remove { opacity: 1; } +/* Hide the remove/eye button until hover so the calendar name uses the full + width and only truncates while the button is visible. */ +.cal-item-remove { display: none; } +.cal-item:hover .cal-item-remove { display: inline-flex; } /* ── Month View ─────────────────────────────────────────── */ .month-view { display: flex; flex-direction: column; flex: 1; min-height: 0; } diff --git a/frontend/index.html b/frontend/index.html index 54a1068..020e0b8 100644 --- a/frontend/index.html +++ b/frontend/index.html @@ -185,7 +185,7 @@ Meine Kalender