From 108bfc704ca410d358c2d418d79e8132984b7d8c Mon Sep 17 00:00:00 2001
From: Tim Sinaeve <tim.sinaeve@gmail.com>
Date: Sat, 25 Oct 2025 13:26:24 +0200
Subject: [PATCH] Prevent status bar content wrapping

---
 components/StatusBar.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/StatusBar.tsx b/components/StatusBar.tsx
index 987df1c..de5af38 100644
--- a/components/StatusBar.tsx
+++ b/components/StatusBar.tsx
@@ -214,8 +214,8 @@ const StatusBar: React.FC<StatusBarProps> = ({
   const zoomPercentage = Math.round(previewScale * 100);
 
   return (
-    <footer className="flex items-center justify-between px-4 h-5 bg-secondary border-t border-border-color text-[11px] text-text-secondary flex-shrink-0 z-30">
-      <div className="flex items-center gap-3">
+    <footer className="flex items-center justify-between px-4 h-5 bg-secondary border-t border-border-color text-[11px] text-text-secondary flex-shrink-0 z-30 whitespace-nowrap">
+      <div className="flex items-center gap-3 whitespace-nowrap min-w-0">
         <div
           ref={statusTriggerRef}
           className="flex items-center gap-1.5 cursor-default focus:outline-none"
@@ -325,7 +325,7 @@ const StatusBar: React.FC<StatusBarProps> = ({
           </>
         )}
       </div>
-      <div className="flex items-center gap-4">
+      <div className="flex items-center gap-4 whitespace-nowrap min-w-0">
         <div className="flex items-center gap-2">
           <div className="flex items-center gap-1.5" role="group" aria-label="Preview zoom controls">
             <ZoomButton