From 8e8ab3bd80f7fc906803fb32b991cd9022ea0797 Mon Sep 17 00:00:00 2001
From: Henry Heino <46334387+personalizedrefrigerator@users.noreply.github.com>
Date: Fri, 6 Jun 2025 02:21:56 -0700
Subject: [PATCH] Mobile: Increase space available for revisions dropdown
 (#12379)

---
 .../components/screens/NoteRevisionViewer.tsx     | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/packages/app-mobile/components/screens/NoteRevisionViewer.tsx b/packages/app-mobile/components/screens/NoteRevisionViewer.tsx
index 66d1c09aaf..71ff0e3965 100644
--- a/packages/app-mobile/components/screens/NoteRevisionViewer.tsx
+++ b/packages/app-mobile/components/screens/NoteRevisionViewer.tsx
@@ -152,6 +152,13 @@ const NoteRevisionViewer: React.FC<Props> = props => {
 	const styles = useStyles(props.themeId);
 	const dropdownLabelText = _('Revision:');
 
+	const restoreButton = (
+		<PrimaryButton
+			onPress={onRestore}
+			disabled={restoring || !note}
+		>{restoreButtonTitle}</PrimaryButton>
+	);
+
 	return <View style={styles.root}>
 		<ScreenHeader title={_('Note history')} />
 		<View style={styles.controls}>
@@ -165,11 +172,11 @@ const NoteRevisionViewer: React.FC<Props> = props => {
 				itemStyle={styles.dropdownItemStyle}
 				accessibilityHint={dropdownLabelText}
 				defaultHeaderLabel={_('Select a revision...')}
+				// Hides the restore button when the dropdown is open. This
+				// is important on small screens where otherwise it's difficult
+				// to read the content of the revision dropdown.
+				coverableChildrenRight={restoreButton}
 			/>
-			<PrimaryButton
-				onPress={onRestore}
-				disabled={restoring || !note}
-			>{restoreButtonTitle}</PrimaryButton>
 			<IconButton
 				icon='help-circle-outline'
 				accessibilityLabel={_('Help')}