From cc3a0b9c2249bc1d4fccf914bde0bdee44eefac1 Mon Sep 17 00:00:00 2001
From: vincent <vincent@users.noreply.gitea.vincentrozenberg.com>
Date: Sat, 29 Aug 2026 13:34:23 +0200
Subject: [PATCH] fix: top bar never wraps, and warn about 4K AV1 playback
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The control row wrapped to a second line as the window narrowed. It is
now flex-nowrap with only the search field giving up width, and the
window minimum is raised to 1140x620 so the fixed controls always fit
beside the sidebar on one line.

Also lands the 4K AV1 warning in Settings. The earlier attempt at this
silently changed nothing — the replacement text did not match the file,
so the copy shipped unchanged while being reported as done.
---
 src-tauri/tauri.conf.json   | 4 ++--
 src/components/Settings.tsx | 7 ++++---
 src/components/TopBar.tsx   | 8 ++++----
 3 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/src-tauri/tauri.conf.json b/src-tauri/tauri.conf.json
index 7540da9..1b8bc3d 100644
--- a/src-tauri/tauri.conf.json
+++ b/src-tauri/tauri.conf.json
@@ -15,8 +15,8 @@
         "title": "FlightTube",
         "width": 1180,
         "height": 780,
-        "minWidth": 900,
-        "minHeight": 560,
+        "minWidth": 1140,
+        "minHeight": 620,
         "center": true,
         "titleBarStyle": "Overlay",
         "hiddenTitle": true
diff --git a/src/components/Settings.tsx b/src/components/Settings.tsx
index d1d3a44..33cb632 100644
--- a/src/components/Settings.tsx
+++ b/src/components/Settings.tsx
@@ -148,9 +148,10 @@ export default function Settings({
             <section className="border-b border-slate-200 px-5 py-4 dark:border-slate-800">
               <SectionHeading>Download quality</SectionHeading>
               <p className={`mt-1.5 ${HELP}`}>
-                Above 1080p YouTube only serves VP9 and AV1. Those play here, but the
-                files are several times larger and older Macs may struggle. Pick 1080p
-                for H.264, which plays anywhere. Audio is AAC at every setting.
+                Above 1080p YouTube only serves VP9 and AV1, and <b>4K AV1 currently plays
+                back with visible artefacts in this player</b> — the downloaded file is
+                fine, it is the built-in decoder that struggles. 1080p gets H.264, which
+                plays cleanly and is several times smaller. Audio is AAC at every setting.
               </p>
               <label className="mt-2 grid grid-cols-[92px_1fr] items-center gap-2">
                 <span className={LABEL}>Quality</span>
diff --git a/src/components/TopBar.tsx b/src/components/TopBar.tsx
index f5ff6f8..aff4bca 100644
--- a/src/components/TopBar.tsx
+++ b/src/components/TopBar.tsx
@@ -73,7 +73,7 @@ export default function TopBar({
     >
       {titleBarInset && <div data-tauri-drag-region className="h-9" />}
 
-      <div className="flex flex-wrap items-center gap-2 px-4 py-3">
+      <div className="flex flex-nowrap items-center gap-2 px-4 py-3">
         {sidebarHidden && (
           <button
             onClick={onShowSidebar}
@@ -92,14 +92,14 @@ export default function TopBar({
           value={search}
           onChange={(e) => onSearch(e.target.value)}
           placeholder="Search videos and channels"
-          className={`${INPUT} min-w-72 max-w-sm flex-1`}
+          className={`${INPUT} min-w-40 max-w-sm flex-1`}
         />
 
-        <span className="font-mono text-[11px] tabular-nums text-slate-400 dark:text-slate-500">
+        <span className="shrink-0 font-mono text-[11px] tabular-nums text-slate-400 dark:text-slate-500">
           {resultCount}
         </span>
 
-        <div className="flex-1" />
+        <div className="min-w-2 flex-1" />
 
         <Toggle active={downloadedOnly} onClick={() => onDownloadedOnly(!downloadedOnly)}
           disabled={!online}