From e795808287b09e777a88e37331758a19e5a867ff Mon Sep 17 00:00:00 2001
From: Henry Heino <personalizedrefrigerator@gmail.com>
Date: Tue, 10 Dec 2024 08:50:57 -0800
Subject: [PATCH] Push the "settings" button to the end of the row

---
 .../components/EditorToolbar/EditorToolbar.tsx | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/packages/app-mobile/components/EditorToolbar/EditorToolbar.tsx b/packages/app-mobile/components/EditorToolbar/EditorToolbar.tsx
index 79679073477..8b1b1b59a7e 100644
--- a/packages/app-mobile/components/EditorToolbar/EditorToolbar.tsx
+++ b/packages/app-mobile/components/EditorToolbar/EditorToolbar.tsx
@@ -27,9 +27,13 @@ const useStyles = (themeId: number) => {
 				backgroundColor: theme.backgroundColor3,
 			},
 			contentContainer: {
+				flexGrow: 1,
 				paddingVertical: 0,
 				flexDirection: 'row',
 			},
+			spacer: {
+				flexGrow: 1,
+			},
 		});
 	}, [themeId]);
 };
@@ -87,14 +91,14 @@ const EditorToolbar: React.FC<Props> = props => {
 				ref={scrollViewRef}
 				horizontal={true}
 				style={styles.content}
+				contentContainerStyle={styles.contentContainer}
 			>
-				<View style={styles.contentContainer}>
-					{buttonGroups.map(renderGroup)}
-					<SettingButton
-						setSettingsVisible={setSettingsVisible}
-						themeId={props.themeId}
-					/>
-				</View>
+				{buttonGroups.map(renderGroup)}
+				<View style={styles.spacer}/>
+				<SettingButton
+					setSettingsVisible={setSettingsVisible}
+					themeId={props.themeId}
+				/>
 			</ScrollView>
 		</ToggleSpaceButton>
 		<ToolbarEditorDialog visible={settingsVisible} onDismiss={onDismissSettingsDialog} />