Enhancement voucher UI

Strides-APP/app/pages/vouchers/ListPoints.js

@@ -161,8 +161,8 @@ export default class ListPoints extends Component {
         <View style={styles.itemBox}></View>
         <View style={styles.itemContent}>
           <TextView style={styles.voucherTitle} numberOfLines={1}>{item.voucherName}</TextView>
-          <TextView style={styles.voucherDesc}>{item.voucherDesc}</TextView>
-          <TextView style={styles.expireDate}>{$t("voucher.expiresOn") + item.expiresOn}</TextView>
+          <TextView style={styles.voucherDesc} numberOfLines={2}>{item.voucherDesc}</TextView>
+          <TextView style={styles.expireDate} numberOfLines={1}>{$t("voucher.expiresOn") + item.expiresOn}</TextView>
           { !app.isLumiWhitelabel && <>
             <View style={styles.rightDash}></View>
             <View style={styles.topTikDot}></View>
@@ -299,9 +299,10 @@ const styles = StyleSheet.create({
   },
   itemContent: {
     flex: 1,
-    paddingTop: 12,
     marginRight: 16,
-    paddingBottom: 12,
+    paddingTop: 8,
+    paddingRight: 16,
+    paddingBottom: 8,
     overflow: 'hidden'
   },
   rightDash: {
@@ -342,7 +343,7 @@ const styles = StyleSheet.create({
   },
   voucherDesc: {
     color: textPrimary,
-    fontSize: 14,
+    fontSize: 12,
     paddingTop: 2,
     paddingBottom: 4
   },

Strides-APP/app/pages/vouchers/ListVoucher.js

@@ -254,9 +254,10 @@ const styles = StyleSheet.create({
   },
   itemContent: {
     flex: 1,
-    paddingTop: 12,
     marginRight: 16,
-    paddingBottom: 12,
+    paddingTop: 8,
+    paddingRight: 16,
+    paddingBottom: 8,
     overflow: 'hidden'
   },
   rightDash: {
@@ -297,7 +298,7 @@ const styles = StyleSheet.create({
   },
   voucherDesc: {
     color: textPrimary,
-    fontSize: 14,
+    fontSize: 12,
     paddingTop: 2,
     paddingBottom: 4
   },