COM-1466_2 - Fix chloe's review 2

CompaniTech · Sep 23, 2020 · 83014c3 · 83014c3
1 parent d442314
commit 83014c3
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 3 deletions.
diff --git a/src/components/cards/SurveyScoreSelector.tsx b/src/components/cards/SurveyScoreSelector.tsx
@@ -34,7 +34,7 @@ const SurveyScoreSelector = ({ onPressScore, selectedScore }: SurveyScoreSelecto
 
 const styles = StyleSheet.create({
   container: {
-    paddingHorizontal: 16,
+    paddingHorizontal: PADDING.LG,
   },
   line: {
     position: 'relative',

diff --git a/src/screens/courses/cardTemplates/SurveyCard.tsx b/src/screens/courses/cardTemplates/SurveyCard.tsx
@@ -32,8 +32,8 @@ const SurveyCard = ({ card, index }: SurveyCard) => {
           <View style={styles.labelContainer}>
             {card.label?.left && card.label?.right && (
               <>
-                <Text style={styles.text}>{card.label.left}</Text>
-                <Text style={styles.text}>{card.label.right}</Text>
+                <Text style={{ ...styles.text, ...styles.textLeft }}>{card.label.left}</Text>
+                <Text style={{ ...styles.text, ...styles.textRight }}>{card.label.right}</Text>
               </>
             )}
           </View>
@@ -64,10 +64,18 @@ const styles = StyleSheet.create({
     paddingHorizontal: PADDING.LG,
     flexDirection: 'row',
     justifyContent: 'space-between',
+    backgroundColor: 'blue',
   },
   text: {
     width: 88,
     color: PINK[500],
+    backgroundColor: 'red',
+  },
+  textLeft: {
+    textAlign: 'left',
+  },
+  textRight: {
+    textAlign: 'right',
   },
 });