Fix exchange quote layout

- Set hasTabs - FIx margins
EdgeApp · Aug 10, 2023 · de10f0f · de10f0f
1 parent d77289b
commit de10f0f
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/src/__tests__/scenes/__snapshots__/CryptoExchangeQuoteScene.test.tsx.snap b/src/__tests__/scenes/__snapshots__/CryptoExchangeQuoteScene.test.tsx.snap
@@ -3,6 +3,7 @@
 exports[`CryptoExchangeQuoteScreenComponent should render with loading props 1`] = `
 <NotificationSceneWrapper
   background="theme"
+  hasTabs={true}
   navigation={
     {
       "addListener": [Function],

diff --git a/src/components/scenes/CryptoExchangeQuoteScene.tsx b/src/components/scenes/CryptoExchangeQuoteScene.tsx
@@ -131,7 +131,7 @@ export class CryptoExchangeQuoteScreenComponent extends React.Component<Props, S
     const styles = getStyles(theme)
 
     return (
-      <NotificationSceneWrapper navigation={navigation} background="theme">
+      <NotificationSceneWrapper hasTabs navigation={navigation} background="theme">
         {(gap, notificationHeight) => (
           <>
             <SceneHeader title={lstrings.title_exchange} underline withTopMargin />
@@ -172,7 +172,7 @@ export class CryptoExchangeQuoteScreenComponent extends React.Component<Props, S
                   title={lstrings.estimated_quote}
                   message={lstrings.estimated_exchange_message}
                   type="warning"
-                  marginRem={[1.5, 1]}
+                  marginRem={[1, 1]}
                   onPress={this.showExplanationForEstimate}
                 />
               )}
@@ -217,8 +217,8 @@ const getStyles = cacheStyles((theme: Theme) => ({
     alignItems: 'center'
   },
   slider: {
-    marginTop: theme.rem(2.5),
-    marginBottom: theme.rem(2)
+    marginTop: theme.rem(0.5),
+    marginBottom: theme.rem(1)
   },
   spacer: {
     height: theme.rem(8)