From b72b20b66c5f149c3ccc8c5fb47d89e3e62d2a9d Mon Sep 17 00:00:00 2001
From: elpatron <m.busche@gmail.com>
Date: Sun, 31 May 2026 09:27:21 +0200
Subject: [PATCH] fix(dashboard): Profil-Button an btn-icon-Stil angleichen
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Nutzt dieselbe 36px-Höhe, Farben und Hover wie die übrigen Header-Buttons; auf Mobile nur Icon in Kreisform.

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 client/src/App.css                         | 32 +++++++---------------
 client/src/components/LogbookDashboard.tsx |  4 +--
 2 files changed, 12 insertions(+), 24 deletions(-)

diff --git a/client/src/App.css b/client/src/App.css
index 062ee17..672bd1a 100644
--- a/client/src/App.css
+++ b/client/src/App.css
@@ -732,31 +732,14 @@ html.scheme-dark .themed-select-option.is-selected {
   border: 1px solid rgba(239, 68, 68, 0.2);
 }
 
-.skipper-badge {
-  display: flex;
-  align-items: center;
+.skipper-badge.btn-icon {
+  width: auto;
+  border-radius: 18px;
+  padding: 0 12px;
   gap: 6px;
   font-size: 13px;
-  padding: 6px 12px;
-  border-radius: 20px;
-  background: rgba(148, 163, 184, 0.08);
-  border: 1px solid rgba(148, 163, 184, 0.18);
-  color: var(--app-text-muted);
-  cursor: pointer;
+  font-weight: 500;
   user-select: none;
-  font-family: inherit;
-  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
-}
-
-.skipper-badge:hover {
-  background: rgba(148, 163, 184, 0.14);
-  border-color: rgba(148, 163, 184, 0.28);
-  color: var(--app-text);
-}
-
-.skipper-badge:focus-visible {
-  outline: 2px solid var(--app-accent, #38bdf8);
-  outline-offset: 2px;
 }
 
 .skipper-badge__name {
@@ -1912,6 +1895,11 @@ html.scheme-dark .themed-select-option.is-selected {
     display: none;
   }
 
+  .skipper-badge.btn-icon {
+    width: 36px;
+    padding: 0;
+  }
+
   .btn-back {
     padding: 8px 10px;
     flex-shrink: 0;
diff --git a/client/src/components/LogbookDashboard.tsx b/client/src/components/LogbookDashboard.tsx
index 6c66c2d..0553481 100644
--- a/client/src/components/LogbookDashboard.tsx
+++ b/client/src/components/LogbookDashboard.tsx
@@ -212,12 +212,12 @@ export default function LogbookDashboard({ onSelectLogbook, onLogout, onOpenProf
           {/* Skipper profile */}
           <button
             type="button"
-            className="skipper-badge"
+            className="btn-icon skipper-badge"
             onClick={onOpenProfile}
             title={t('dashboard.open_profile', { name: username })}
             aria-label={t('dashboard.open_profile', { name: username })}
           >
-            <User size={16} aria-hidden="true" />
+            <User size={18} aria-hidden="true" />
             <span className="skipper-badge__name">{username}</span>
           </button>