From 41fb589565a7104cb4b5100577f8a310dae904e1 Mon Sep 17 00:00:00 2001
From: Sadaqat Ali <sali.bscs17seecs@seecs.edu.pk>
Date: Wed, 20 Jul 2022 20:36:53 +0500
Subject: [PATCH] updated input description gap

---
 .../transferAmountInputSection.tsx                        | 5 ++++-
 .../transferAmountInputSectionStyles.ts                   | 8 +++++++-
 .../transferFormItem/view/transferFormItemView.js         | 6 ++++--
 3 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/src/components/transferAmountInputSection/transferAmountInputSection.tsx b/src/components/transferAmountInputSection/transferAmountInputSection.tsx
index cb446b770..83d8649e6 100644
--- a/src/components/transferAmountInputSection/transferAmountInputSection.tsx
+++ b/src/components/transferAmountInputSection/transferAmountInputSection.tsx
@@ -100,6 +100,8 @@ const TransferAmountInputSection = ({
         }
       />
       <TransferFormItem
+        rightComponentStyle={styles.transferItemRightStyle}
+        containerStyle={styles.transferItemContainer}
         rightComponent={() => (
           <TouchableOpacity onPress={() => _handleOnChange('amount', balance)}>
             {_renderDescription(
@@ -128,7 +130,8 @@ const TransferAmountInputSection = ({
       )}
       {(transferType === transferTypes.POINTS || transferType === transferTypes.TRANSFER_TOKEN) && (
         <TransferFormItem
-          containerStyle={{ marginTop: 20 }}
+          rightComponentStyle={styles.transferItemRightStyle}
+          containerStyle={styles.transferItemContainer}
           rightComponent={() =>
             _renderDescription(intl.formatMessage({ id: 'transfer.memo_desc' }))
           }
diff --git a/src/components/transferAmountInputSection/transferAmountInputSectionStyles.ts b/src/components/transferAmountInputSection/transferAmountInputSectionStyles.ts
index 0c73493e3..cb0920ce1 100644
--- a/src/components/transferAmountInputSection/transferAmountInputSectionStyles.ts
+++ b/src/components/transferAmountInputSection/transferAmountInputSectionStyles.ts
@@ -51,6 +51,12 @@ export default EStyleSheet.create({
     fontSize: 12,
     color: '$primaryBlack',
     fontWeight: '600',
-    textAlign: 'left',
+    textAlign: 'right',
   },
+  transferItemContainer: {
+    height: 20,
+  },
+  transferItemRightStyle: {
+    justifyContent: 'flex-end',
+  }
 });
diff --git a/src/components/transferFormItem/view/transferFormItemView.js b/src/components/transferFormItem/view/transferFormItemView.js
index f4d8fd22f..22e3793fd 100644
--- a/src/components/transferFormItem/view/transferFormItemView.js
+++ b/src/components/transferFormItem/view/transferFormItemView.js
@@ -7,10 +7,12 @@ import styles from './transferFormItemStyles';
  *   @prop { type }    name                - Description....
  */
 
-const TransferFormItemView = ({ rightComponent, label, containerStyle }) => (
+const TransferFormItemView = ({ rightComponent, label, containerStyle, rightComponentStyle }) => (
   <View style={[styles.container, containerStyle]}>
     <View style={styles.leftPart}>{label && <Text style={styles.text}>{label}</Text>}</View>
-    <View style={styles.rightPart}>{rightComponent && rightComponent()}</View>
+    <View style={[styles.rightPart, rightComponentStyle]}>
+      {rightComponent && rightComponent()}
+    </View>
   </View>
 );