Merge pull request #1524 from synonymdev/fix/app-status-ui

fix(settings): Fix ui issues on app status screen
synonymdev · Jan 30, 2024 · 8e065cc · 8e065cc
2 parents a57a4d4 + 2a6e59a
commit 8e065cc
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 16 deletions.
diff --git a/src/components/NavigationHeader.tsx b/src/components/NavigationHeader.tsx
@@ -173,6 +173,7 @@ const styles = StyleSheet.create({
 	},
 	title: {
 		textAlign: 'center',
+		width: '100%',
 	},
 	action: {
 		flex: 1,

diff --git a/src/screens/Settings/AppStatus/index.tsx b/src/screens/Settings/AppStatus/index.tsx
@@ -202,33 +202,28 @@ const AppStatus = ({}: SettingsScreenProps<'AppStatus'>): ReactElement => {
 	];
 
 	return (
-		<ThemedView style={styles.container}>
-			<SettingsView
-				title={t('status.title')}
-				fullHeight={true}
-				showBackNavigation={true}>
-				<ScrollView style={styles.statusRoot}>
-					{items.map((it) => (
-						<Status key={it.item} {...it} />
-					))}
-				</ScrollView>
-			</SettingsView>
-		</ThemedView>
+		<SettingsView
+			title={t('status.title')}
+			fullHeight={true}
+			showBackNavigation={true}>
+			<ScrollView style={styles.statusRoot}>
+				{items.map((it) => (
+					<Status key={it.item} {...it} />
+				))}
+			</ScrollView>
+		</SettingsView>
 	);
 };
 
 const styles = StyleSheet.create({
-	container: {
-		flex: 1,
-	},
 	statusRoot: {
 		flex: 1,
 	},
 	status: {
 		marginHorizontal: 16,
 		borderBottomWidth: 1,
 		borderBottomColor: 'rgba(255, 255, 255, 0.1)',
-		height: 56,
+		height: 76,
 		flexDirection: 'row',
 		alignItems: 'center',
 	},