From 03f4ce3d6b2ccdd05e49f7525e29830bce8ebf0d Mon Sep 17 00:00:00 2001
From: Brennan Benson <79079362+brennanb2025@users.noreply.github.com>
Date: Tue, 20 Oct 2026 20:59:19 -0700
Subject: [PATCH] fix(mobile): show the session title beside the tabs on a
 landscape phone (#30879)

The served session page (react-native-web) reads flex: 0 as flex-basis 0%,
so the title block collapsed to zero width beside the tab strip. flex: -1
is natural width capped at 160, shrinking only when the row overflows, on
both web and native.
---
 mobile/src/session/mobile-session-frame-styles.ts | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/mobile/src/session/mobile-session-frame-styles.ts b/mobile/src/session/mobile-session-frame-styles.ts
index 2cf27bdd620..26c89d330de 100644
--- a/mobile/src/session/mobile-session-frame-styles.ts
+++ b/mobile/src/session/mobile-session-frame-styles.ts
@@ -57,8 +57,9 @@ export const mobileSessionFrameStyles = StyleSheet.create({
   },
   // Landscape phone: the tab strip takes the row's spare width instead of the title.
   sessionTitleBlockBesideTabs: {
-    flex: 0,
-    flexShrink: 1,
+    // -1, not 0: web reads flex 0 as a zero basis and collapses the title; -1 is natural width,
+    // shrinking only when the row overflows, on both web and native.
+    flex: -1,
     maxWidth: 160
   },
   sessionTitle: {