Android paddings (#1412)

* fix savings rows alignment * add margin bottom to unique token image
rainbow-me · Dec 2, 2020 · e4d15dc · e4d15dc
1 parent 4dce1fb
commit e4d15dc
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 4 deletions.
diff --git a/src/components/expanded-state/unique-token/UniqueTokenExpandedStateImage.js b/src/components/expanded-state/unique-token/UniqueTokenExpandedStateImage.js
@@ -11,6 +11,7 @@ const paddingHorizontal = 19;
 const Container = styled(Centered)`
   ${padding(0, paddingHorizontal)};
   height: ${({ height }) => height};
+  ${android ? `margin-bottom: 10;` : ``}
 `;
 
 const ImageWrapper = styled(Centered)`

diff --git a/src/components/savings/AndroidAnimatedNumbers.js b/src/components/savings/AndroidAnimatedNumbers.js
@@ -32,7 +32,7 @@ function formatter(symbol, val) {
     : `${formatSavingsAmount(val)} ${symbol}`;
 }
 
-export default function AndroidText({ animationConfig }) {
+export default function AndroidText({ style, animationConfig }) {
   const isStable = isSymbolStablecoin(animationConfig.symbol);
   const ref = useRef();
   useEffect(() => {
@@ -45,7 +45,7 @@ export default function AndroidText({ animationConfig }) {
   }, [animationConfig, isStable]);
 
   return (
-    <Row>
+    <Row style={style}>
       <TextChunk
         defaultValue={formatter(
           animationConfig.symbol,

diff --git a/src/components/savings/SavingsListRowAnimatedNumber.js b/src/components/savings/SavingsListRowAnimatedNumber.js
@@ -11,9 +11,9 @@ const sx = StyleSheet.create({
     height: 30,
   },
   animatedNumberAndroid: {
-    paddingLeft: 35,
+    left: 35,
     position: 'absolute',
-    top: 12,
+    top: 4,
   },
   text: {
     color: colors.dark,