From 05de76cce4b424ecea5f400bbb9f6a294b8893c6 Mon Sep 17 00:00:00 2001
From: Sandro <mail@sandrodach.de>
Date: Sun, 25 Oct 2026 01:48:10 +0200
Subject: [PATCH] style(header): dock logo and profile to top while quick dump
 expands downward

---
 frontend/src/App.tsx                                | 6 +++---
 frontend/src/features/capture/InstantCaptureBar.tsx | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index 121d2b3..06182ee 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -281,14 +281,14 @@ export const App: React.FC = () => {
     <div className="min-h-screen bg-canvas text-main flex flex-col font-sans selection:bg-accent/30">
       {/* Top Header Bar */}
       <header className="sticky top-0 z-30 bg-panel border-b border-border shadow-sm">
-        <div className="max-w-6xl mx-auto px-3 sm:px-4 py-2 flex items-center justify-between gap-3 sm:gap-6">
+        <div className="max-w-6xl mx-auto px-3 sm:px-4 py-2 flex items-start justify-between gap-3 sm:gap-6">
           {/* Logo & Headline */}
           <div
             onClick={() => {
               setActiveTab('triage');
               handleTriggerAddButton();
             }}
-            className="flex items-center gap-2.5 cursor-pointer group select-none flex-shrink-0"
+            className="h-9 flex items-center gap-2.5 cursor-pointer group select-none flex-shrink-0"
           >
             <div className="w-7 h-7 bg-accent text-on-accent rounded-btn flex items-center justify-center">
               <Brain className="w-4 h-4" />
@@ -313,7 +313,7 @@ export const App: React.FC = () => {
           </div>
 
           {/* User Profile Pill & Dropdown Menu */}
-          <div className="relative flex items-center gap-2 flex-shrink-0" ref={dropdownRef}>
+          <div className="relative h-9 flex items-center gap-2 flex-shrink-0" ref={dropdownRef}>
             <button
               onClick={() => {
                 triggerHaptic(10);
diff --git a/frontend/src/features/capture/InstantCaptureBar.tsx b/frontend/src/features/capture/InstantCaptureBar.tsx
index 83b7419..c2d5f82 100644
--- a/frontend/src/features/capture/InstantCaptureBar.tsx
+++ b/frontend/src/features/capture/InstantCaptureBar.tsx
@@ -236,7 +236,7 @@ export const InstantCaptureBar: React.FC<InstantCaptureBarProps> = ({
         {/* Quick-Capture Input Bar (Radius controlled by --radius-pill / multiline) */}
         <div
           className={`flex ${
-            isMultiline ? 'items-end py-1.5' : 'items-center h-9'
+            isMultiline ? 'items-end py-1.5 min-h-[36px]' : 'items-center h-9'
           } pl-1.5 pr-1.5 bg-panel border capture-pill ${
             isMultiline ? 'capture-bar-multiline' : 'rounded-full'
           } transition-all duration-150 ${