From 3f9840959d96eb3fc83091ce350db618edf38c15 Mon Sep 17 00:00:00 2001
From: shivam <91240327+shivamhwp@users.noreply.github.com>
Date: Sun, 8 Nov 2026 09:41:11 +0000
Subject: [PATCH] fix(mobile): align the one-line Android thread header

The compact header centred a smaller subtitle against the title, so its
baseline sat above the title's. Render both as spans of one Text so they
share a baseline.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 .../src/components/ui/AndroidScreenHeader.tsx | 29 ++++++++-----------
 1 file changed, 12 insertions(+), 17 deletions(-)

diff --git a/apps/mobile/src/components/ui/AndroidScreenHeader.tsx b/apps/mobile/src/components/ui/AndroidScreenHeader.tsx
index b7ab699b11b57..11f1db6c9d160 100644
--- a/apps/mobile/src/components/ui/AndroidScreenHeader.tsx
+++ b/apps/mobile/src/components/ui/AndroidScreenHeader.tsx
@@ -1,6 +1,5 @@
 import { AppActivityIndicator } from "./AppActivityIndicator";
-import { Column, Row, Text as NativeText, RNHostView } from "@expo/ui/jetpack-compose";
-import { weight } from "@expo/ui/jetpack-compose/modifiers";
+import { Column, Text as NativeText, RNHostView } from "@expo/ui/jetpack-compose";
 import { use, useState, type ReactNode } from "react";
 import { View } from "react-native";
 
@@ -109,25 +108,21 @@ export function AndroidScreenHeader(props: {
               {props.title}
             </NativeText>
           ) : props.compact ? (
-            <Row verticalAlignment="center" horizontalArrangement={{ spacedBy: 8 }}>
-              <NativeText
-                color={colors["--color-header-foreground"]}
-                maxLines={1}
-                overflow="ellipsis"
-                style={titleTypography}
-              >
-                {props.title}
-              </NativeText>
+            // One paragraph, so the smaller subtitle shares the title's baseline.
+            <NativeText
+              color={colors["--color-header-foreground"]}
+              maxLines={1}
+              overflow="ellipsis"
+              style={titleTypography}
+            >
+              {props.title}
               <NativeText
                 color={colors["--color-foreground-muted"]}
-                maxLines={1}
-                overflow="ellipsis"
-                style={subtitleTypography}
-                modifiers={[weight(1)]}
+                style={{ fontSize: subtitleTypography.fontSize }}
               >
-                {props.subtitle}
+                {`  ${props.subtitle}`}
               </NativeText>
-            </Row>
+            </NativeText>
           ) : (
             <Column>
               <NativeText