From 28a7cbe94e27500eec57d041f92681d5a8c1d24f Mon Sep 17 00:00:00 2001
From: Scarriffle <admin@scarriffle.com>
Date: Sun, 31 May 2026 17:31:39 +0200
Subject: [PATCH] fix: kaputtes Plus-Icon + Kalendernamen nicht vorzeitig
 abschneiden

- Plus-Icon (Kalender/Gruppen hinzufuegen): fehlerhafter SVG-Pfad (v11 statt
  v6) -> korrekter, symmetrischer Plus-Pfad.
- Entfernen/Auge-Button per display:none statt opacity:0 -> reserviert keinen
  Platz mehr; Kalendername nutzt volle Breite und kuerzt erst beim Hover
  (wenn das Auge erscheint). Version v31.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 frontend/css/app.css   | 6 ++++--
 frontend/index.html    | 4 ++--
 frontend/js/version.js | 2 +-
 3 files changed, 7 insertions(+), 5 deletions(-)

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 @@
             <span data-i18n="my_calendars">Meine Kalender</span>
             <div class="add-cal-dropdown-wrap">
               <button class="icon-btn mini-btn" id="btn-add-cal" title="Kalender hinzufügen">
-                <svg viewBox="0 0 24 24" fill="currentColor"><path d="M19 13h-6v11h-2v-6H5v-2h6V5h2v11h6v2z"/></svg>
+                <svg viewBox="0 0 24 24" fill="currentColor"><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>
               </button>
               <div class="add-cal-dropdown hidden" id="add-cal-dropdown">
                 <button data-action="local">Lokaler Kalender</button>
@@ -204,7 +204,7 @@
           <div class="cal-list-header">
             <span data-i18n="groups_title">Gruppen</span>
             <button class="icon-btn mini-btn" id="btn-add-group" data-i18n-title="group_create" title="Gruppe erstellen">
-              <svg viewBox="0 0 24 24" fill="currentColor"><path d="M19 13h-6v11h-2v-6H5v-2h6V5h2v11h6v2z"/></svg>
+              <svg viewBox="0 0 24 24" fill="currentColor"><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>
             </button>
           </div>
           <div id="group-list-items"></div>
diff --git a/frontend/js/version.js b/frontend/js/version.js
index 04dc6d3..0ab4b87 100644
--- a/frontend/js/version.js
+++ b/frontend/js/version.js
@@ -1,2 +1,2 @@
 // Increment APP_VERSION with every code change
-export const APP_VERSION = 'v30';
+export const APP_VERSION = 'v31';