timing

src/features/store-admin/Drawer.tsx

@@ -85,12 +85,28 @@ export function Drawer({
       <div className="drawer-panel dialog-panel" style={{ width }}>
         <header className="drawer-head">
           <div className="drawer-head-text">
-            <h2 className="drawer-title" {...(isTitleMono ? { 'data-mono': 'true' } : {})}>
+            {/* `title` on both, because the header is one row now and a long
+                product name or a branch list is clipped to fit it. The full
+                text stays reachable on hover; it is also, always, on the row
+                the drawer was opened from. */}
+            <h2
+              className="drawer-title"
+              title={title}
+              {...(isTitleMono ? { 'data-mono': 'true' } : {})}
+            >
               {title}
             </h2>
-            {subtitle ? <span className="drawer-sub">{subtitle}</span> : null}
-            {meta ? <div className="drawer-meta">{meta}</div> : null}
+            {subtitle ? (
+              <span className="drawer-sub" title={subtitle}>
+                {subtitle}
+              </span>
+            ) : null}
           </div>
+
+          {/* Beside the title, not beneath it. Stacked under the subtitle it was
+              a third line, and a third line is what made this header twice the
+              height of the nav bar it now matches. */}
+          {meta ? <div className="drawer-meta">{meta}</div> : null}
           <button type="button" className="drawer-close" aria-label="Close" onClick={onClose}>
             <X size={16} />
           </button>