From 479da29bc428358cc91e9d78352fd87cdfe0e92e Mon Sep 17 00:00:00 2001
From: Scarriffle <admin@scarriffle.com>
Date: Sun, 31 May 2026 16:47:58 +0200
Subject: [PATCH] fix: Gruppen-Mitgliederliste sauber ausrichten (Checkbox
 links, Name links)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Eigene .group-member-item-Klasse statt der generischen Picker-Klasse —
behebt versetzte Checkboxen / rechtsbuendige Namen. Version v25.

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

diff --git a/frontend/css/app.css b/frontend/css/app.css
index 0072ec8..c0cbb0a 100644
--- a/frontend/css/app.css
+++ b/frontend/css/app.css
@@ -1824,3 +1824,20 @@ a { color: var(--primary); text-decoration: none; }
   font-size: 13px;
   color: var(--text-3);
 }
+
+/* Group member picker rows — checkbox left, name left, one per line. */
+.group-member-item {
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  gap: 10px;
+  padding: 10px 14px;
+  cursor: pointer;
+  border-bottom: 1px solid var(--border);
+  text-align: left;
+  text-transform: none;
+}
+.group-member-item:last-child { border-bottom: none; }
+.group-member-item:hover { background: var(--bg-surface); }
+.group-member-item input[type="checkbox"] { flex: 0 0 auto; margin: 0; }
+.group-member-name { flex: 1 1 auto; color: var(--text-1); }
diff --git a/frontend/js/calendar.js b/frontend/js/calendar.js
index 587de95..fe7739a 100644
--- a/frontend/js/calendar.js
+++ b/frontend/js/calendar.js
@@ -2279,9 +2279,9 @@ function renderGroupMemberPicker() {
   const picker = document.getElementById('group-member-picker');
   picker.innerHTML = dir.length
     ? dir.map(u =>
-        `<label class="share-user-item" style="display:flex;align-items:center;gap:8px;cursor:pointer">
+        `<label class="group-member-item">
           <input type="checkbox" data-member-id="${u.id}" ${picked.has(u.id) ? 'checked' : ''} />
-          <span>${escHtml(u.display_name || '')}</span>
+          <span class="group-member-name">${escHtml(u.display_name || '')}</span>
         </label>`
       ).join('')
     : `<span class="accounts-section-empty">${t('share_no_users')}</span>`;
diff --git a/frontend/js/version.js b/frontend/js/version.js
index eea63e6..e6a7b0b 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 = 'v24';
+export const APP_VERSION = 'v25';