Push the "settings" button to the end of the row

personalizedrefrigerator · Dec 10, 2024 · e795808 · e795808
1 parent 1576ca0
commit e795808
Showing 1 changed file with 11 additions and 7 deletions.
diff --git 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} />