diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx index 4559960..90b65d7 100644 --- a/frontend/src/App.tsx +++ b/frontend/src/App.tsx @@ -319,16 +319,16 @@ export const App: React.FC = () => { triggerHaptic(10); setShowProfileMenu((prev) => !prev); }} - className="h-8 pl-1 pr-2.5 capture-pill bg-panel hover:bg-panel-elevated border border-border text-xs font-medium text-main flex items-center gap-2 transition-colors" + className="h-8 flex items-center gap-2 text-xs font-medium text-main hover:opacity-85 transition-opacity cursor-pointer group" title="Benutzermenü öffnen" > -
+
{user.displayName ? user.displayName.slice(0, 1).toUpperCase() : 'U'}
- + {user.displayName} - + {showProfileMenu && ( diff --git a/frontend/src/features/capture/InstantCaptureBar.tsx b/frontend/src/features/capture/InstantCaptureBar.tsx index 832505c..8f0d0a1 100644 --- a/frontend/src/features/capture/InstantCaptureBar.tsx +++ b/frontend/src/features/capture/InstantCaptureBar.tsx @@ -212,13 +212,13 @@ export const InstantCaptureBar: React.FC = ({
{/* Quick-Capture Input Bar (Radius controlled by --radius-pill) */}
-
+
@@ -254,7 +254,7 @@ export const InstantCaptureBar: React.FC = ({ type="button" onClick={() => setShowOptions((prev) => !prev)} title="Ziel wählen (Quick Dump, direkt als Aufgabe, auf Liste oder als Notiz) & Optionen" - className={`h-6 px-2.5 capture-pill text-[11px] flex items-center gap-1 transition-colors ${ + className={`h-6 px-2.5 capture-pill rounded-full text-[11px] flex items-center gap-1 transition-colors ${ showOptions || target !== 'inbox' || priority !== 'normal' || dueDate ? 'bg-accent-dim text-accent border border-accent-border font-medium' : 'text-muted hover:text-main hover:bg-panel-elevated border border-transparent' @@ -281,7 +281,7 @@ export const InstantCaptureBar: React.FC = ({ type="button" onClick={toggleVoiceDictation} title="Spracheingabe" - className={`w-6 h-6 capture-pill flex items-center justify-center transition-colors ${ + className={`w-6 h-6 capture-pill rounded-full flex items-center justify-center transition-colors ${ isListening ? 'bg-accent-dim text-accent' : 'text-muted hover:text-main hover:bg-panel-elevated' @@ -294,7 +294,7 @@ export const InstantCaptureBar: React.FC = ({