fix: Prevent text wrapping in diff stats and mode/branch row (#1524)

Author: jonathanlab

apps/code/src/renderer/features/message-editor/components/DiffStatsIndicator.tsx

@@ -32,7 +32,7 @@ export function DiffStatsIndicator({
   }
 
   return (
-    <Flex align="center" gap="2">
+    <Flex align="center" gap="2" style={{ whiteSpace: "nowrap" }}>
       <Text
         size="1"
         style={{

apps/code/src/renderer/features/message-editor/components/MessageEditor.tsx

@@ -64,7 +64,12 @@ function ModeAndBranchRow({
   }
 
   return (
-    <Flex align="center" justify="between" style={{ overflow: "hidden" }}>
+    <Flex
+      align="center"
+      justify="between"
+      gap="3"
+      style={{ overflow: "hidden" }}
+    >
       <Flex align="center" gap="2" flexShrink="0">
         {isBashMode ? (
           <Text
@@ -89,7 +94,12 @@ function ModeAndBranchRow({
           </>
         )}
       </Flex>
-      <Flex align="center" gap="2" style={{ minWidth: 0, overflow: "hidden" }}>
+      <Flex
+        align="center"
+        gap="2"
+        wrap="nowrap"
+        style={{ minWidth: 0, overflow: "hidden" }}
+      >
         <DiffStatsIndicator
           repoPath={repoPath}
           overrideStats={cloudDiffStats}