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 ( - v{Application.nativeApplicationVersion ?? 'unknown'} - - - Native build version: {Application.nativeBuildVersion ?? ''} + v{Application.nativeApplicationVersion ?? 'unknown'}( + {Application.nativeBuildVersion ?? ''}) ); @@ -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', }, }));