From 067d76681901eb2ce2cd134e97391a7dd3d13090 Mon Sep 17 00:00:00 2001 From: archivr-qa Date: Sun, 23 Aug 2026 18:49:15 +0200 Subject: [PATCH] fix(frontend): give text-capture row real CSS MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The text row shipped with semantic classnames (`capture-text-inputs`, `capture-text-title`, `capture-text-body`, `capture-text-mime`, `capture-text-icon`) but no CSS rules. Falling through to the parent `.capture-row-main` flex-row (`display: flex; align-items: center`) meant the title, textarea, and mime-select stacked as intrinsic-width boxes centered on the tall body, producing a layout where the body floated to the top-right, the title box appeared BELOW it, and the mime selector rendered as an unstyled OS dropdown. Fix: - `.capture-text-row .capture-row-main` uses `align-items: flex-start` so the leading icon and trailing × pin to the top of the block. - `.capture-text-inputs` is now a full-width column-flex container with proper gaps. - `.capture-text-title` reuses the 44px input height and typography of `.capture-input`; `.capture-text-body` gets a 140px min-height, vertical resize, and matching border/focus treatment. - `.capture-text-mime` is styled as a small chip with a custom caret so it matches `.capture-quality` and stops looking like a raw `