From 132e9e4cb1c823054e5e65f23634fb619a17463b Mon Sep 17 00:00:00 2001
From: luke-h1 <luke.howsam@yahoo.com>
Date: Tue, 28 Jan 2025 14:20:45 +0000
Subject: [PATCH] chore(app): update build details alignment

---
 src/components/BuildDetails/BuildDetails.tsx   | 8 +++-----
 src/components/__tests__/BuildDetails.test.tsx | 5 +----
 src/screens/SettingsScreen.tsx                 | 2 +-
 3 files changed, 5 insertions(+), 10 deletions(-)

diff --git a/src/components/BuildDetails/BuildDetails.tsx b/src/components/BuildDetails/BuildDetails.tsx
index b83461b8..4f9ab392 100644
--- a/src/components/BuildDetails/BuildDetails.tsx
+++ b/src/components/BuildDetails/BuildDetails.tsx
@@ -9,10 +9,8 @@ export function BuildDetails() {
   return (
     <View style={styles.container}>
       <Typography testID="BuildDetails-nativeAppVersion">
-        v{Application.nativeApplicationVersion ?? 'unknown'}
-      </Typography>
-      <Typography testID="BuildDetails-nativeBuildVersion">
-        Native build version: {Application.nativeBuildVersion ?? ''}
+        v{Application.nativeApplicationVersion ?? 'unknown'}(
+        {Application.nativeBuildVersion ?? ''})
       </Typography>
     </View>
   );
@@ -21,7 +19,7 @@ export function BuildDetails() {
 const stylesheet = createStyleSheet(theme => ({
   container: {
     justifyContent: 'center',
-    alignItems: 'flex-start',
+    alignItems: 'center',
     paddingTop: theme.spacing.md,
     paddingBottom: theme.spacing.sm,
   },
diff --git a/src/components/__tests__/BuildDetails.test.tsx b/src/components/__tests__/BuildDetails.test.tsx
index f9c68952..3acb310f 100644
--- a/src/components/__tests__/BuildDetails.test.tsx
+++ b/src/components/__tests__/BuildDetails.test.tsx
@@ -23,9 +23,6 @@ describe('BuildDetails', () => {
 
     expect(
       screen.getByTestId('BuildDetails-nativeAppVersion'),
-    ).toHaveTextContent('v1.0.0');
-    expect(
-      screen.getByTestId('BuildDetails-nativeBuildVersion'),
-    ).toHaveTextContent('Native build version: 100');
+    ).toHaveTextContent('v1.0.0(100)');
   });
 });
diff --git a/src/screens/SettingsScreen.tsx b/src/screens/SettingsScreen.tsx
index 2edccd39..71f2a185 100644
--- a/src/screens/SettingsScreen.tsx
+++ b/src/screens/SettingsScreen.tsx
@@ -230,7 +230,7 @@ const stylesheet = createStyleSheet(theme => ({
     width: 300,
     padding: 20,
     borderRadius: 10,
-    alignItems: 'center',
     backgroundColor: theme.colors.surface,
+    alignItems: 'flex-start',
   },
 }));