From 7b8e0678294fde79ec15c6ef917e7f5b2c8985bb Mon Sep 17 00:00:00 2001
From: Lars Gebhardt-Kusche <lars@kusche.berlin>
Date: Mon, 10 Aug 2026 21:36:05 +0200
Subject: [PATCH] events

---
 partials/landing/account/dashboard.php | 21 ++++++++-------------
 public/assets/css/app.css              |  3 ++-
 2 files changed, 10 insertions(+), 14 deletions(-)

diff --git a/partials/landing/account/dashboard.php b/partials/landing/account/dashboard.php
index a01e374..04937bd 100755
--- a/partials/landing/account/dashboard.php
+++ b/partials/landing/account/dashboard.php
@@ -277,23 +277,18 @@ if (!empty($canManageSystemSettings)) {
               <p class="muted">Hier verwaltest du nur echte eigene Events und Events, an denen du teilnimmst.</p>
             </div>
             <div class="account-panel__body">
-              <div class="account-inline-tabs" role="tablist" aria-label="Event-Bereiche">
-                <button class="account-inline-tabs__button is-active" type="button" role="tab" aria-selected="true" data-event-tab-trigger="my-events">Meine Events</button>
-                <button class="account-inline-tabs__button" type="button" role="tab" aria-selected="false" data-event-tab-trigger="sync">Kalendersynchronisation</button>
-                <button class="account-inline-tabs__button" type="button" role="tab" aria-selected="false" data-event-tab-trigger="past-events">Abgelaufene Events</button>
+              <div class="account-inline-tabs-wrap">
+                <div class="account-inline-tabs" role="tablist" aria-label="Event-Bereiche">
+                  <button class="account-inline-tabs__button is-active" type="button" role="tab" aria-selected="true" data-event-tab-trigger="my-events">Meine Events</button>
+                  <button class="account-inline-tabs__button" type="button" role="tab" aria-selected="false" data-event-tab-trigger="sync">Kalendersynchronisation</button>
+                  <button class="account-inline-tabs__button" type="button" role="tab" aria-selected="false" data-event-tab-trigger="past-events">Abgelaufene Events</button>
+                </div>
+                <button class="btn ghost" type="button" data-modal-open="modalEvent">Neues Event anlegen</button>
               </div>
 
               <div class="account-inline-tab-panel" data-event-tab-panel="my-events">
                 <div class="card" style="margin-bottom:18px;">
-                  <div style="display:flex; justify-content:space-between; gap:12px; align-items:flex-start; flex-wrap:wrap;">
-                    <div>
-                      <strong>Eigene Events</strong>
-                      <p class="muted small" style="margin:8px 0 0;">Von dir organisierte Treffen oder Events mit eigener Teilnahme-Logik.</p>
-                    </div>
-                    <div class="flex gap-12" style="flex-wrap:wrap;">
-                      <button class="btn ghost" type="button" data-modal-open="modalEvent">Neues Event anlegen</button>
-                    </div>
-                  </div>
+                  <strong>Eigene Events</strong>
                 </div>
                 <?php if (!$eventsUpcoming): ?>
                   <p class="muted small">Keine zukünftigen eigenen Events angelegt.</p>
diff --git a/public/assets/css/app.css b/public/assets/css/app.css
index 0045df2..47cc8be 100755
--- a/public/assets/css/app.css
+++ b/public/assets/css/app.css
@@ -240,7 +240,8 @@ body {
 .account-panel__head { padding: 22px 24px; border-bottom: 1px solid var(--color-border); background: #fffdfa; }
 .account-panel__head h2 { margin: 0 0 6px; }
 .account-panel__body { padding: 24px; }
-.account-inline-tabs { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 18px; }
+.account-inline-tabs-wrap { display:flex; justify-content:space-between; align-items:center; gap:14px; flex-wrap:wrap; margin-bottom:18px; }
+.account-inline-tabs { display: flex; gap: 10px; flex-wrap: wrap; }
 .account-inline-tabs__button { appearance: none; border: 1px solid var(--color-border); background: #fff; color: var(--color-text); border-radius: 999px; padding: 11px 16px; font: inherit; font-weight: 700; cursor: pointer; transition: background .15s ease, color .15s ease, border-color .15s ease; }
 .account-inline-tabs__button:hover { border-color: var(--color-primary); color: var(--color-primary); }
 .account-inline-tabs__button.is-active { background: var(--color-primary); color: var(--color-primary-contrast); border-color: var(--color-primary); }