From 11eccb560af4199e61e4daa25367a03eafee29c5 Mon Sep 17 00:00:00 2001
From: noumantahir <nouman.hawkdev@gmail.com>
Date: Tue, 16 Aug 2022 22:57:38 +0500
Subject: [PATCH] updated UserRibbon container styling in boost screen

---
 src/screens/boost/screen/boostScreen.js |  4 ++--
 src/screens/boost/screen/styles.ts      | 15 +++++++++++++++
 src/screens/editor/children/styles.ts   |  5 +----
 3 files changed, 18 insertions(+), 6 deletions(-)
 create mode 100644 src/screens/boost/screen/styles.ts

diff --git a/src/screens/boost/screen/boostScreen.js b/src/screens/boost/screen/boostScreen.js
index 609070ad0..f59118390 100644
--- a/src/screens/boost/screen/boostScreen.js
+++ b/src/screens/boost/screen/boostScreen.js
@@ -12,7 +12,7 @@ import { InAppPurchaseContainer } from '../../../containers';
 // Styles
 import globalStyles from '../../../globalStyles';
 import UserRibbon from '../../../components/userRibbon/userRibbon';
-import styles from '../../editor/children/styles';
+import styles from './styles';
 
 const ITEM_SKUS = Platform.select({
   ios: ['099points', '199points', '499points', '999points', '4999points', '9999points'],
@@ -49,7 +49,7 @@ const BoostScreen = ({ navigation }) => {
           {isLoading ? (
             <BoostPlaceHolder />
           ) : (
-            <ScrollView>
+            <ScrollView contentContainerStyle={styles.listContainer}>
               {productList.map((product) => (
                 <ProductItemLine
                   key={get(product, 'title')}
diff --git a/src/screens/boost/screen/styles.ts b/src/screens/boost/screen/styles.ts
new file mode 100644
index 000000000..6a7a8441a
--- /dev/null
+++ b/src/screens/boost/screen/styles.ts
@@ -0,0 +1,15 @@
+import { ViewStyle } from 'react-native';
+import EStyleSheet from 'react-native-extended-stylesheet';
+
+export default EStyleSheet.create({
+    userRibbonContainer: {
+        borderBottomWidth: EStyleSheet.hairlineWidth,
+        borderColor: '$darkGrayBackground',
+        marginBottom: 0, //without 0 margin, view will start overlapping UserRibbon
+        paddingBottom: 32
+    } as ViewStyle,
+
+    listContainer: {
+        paddingTop: 16
+    } as ViewStyle
+});
diff --git a/src/screens/editor/children/styles.ts b/src/screens/editor/children/styles.ts
index 1349fa4d1..f4393f277 100644
--- a/src/screens/editor/children/styles.ts
+++ b/src/screens/editor/children/styles.ts
@@ -55,8 +55,5 @@ export default EStyleSheet.create({
     doneButton:{borderRadius:16, backgroundColor:'$primaryBlue'},
     thumbSelectContainer:{
       marginTop:12,
-    },
-    userRibbonContainer:{
-      marginBottom: 12,
-    } as ViewStyle,
+    }
 });