COM-1466 - Fix Romain's review

CompaniTech · Sep 23, 2020 · b0d229b · b0d229b
1 parent 8fff1ef
commit b0d229b
Showing 1 changed file with 7 additions and 3 deletions.
diff --git a/src/components/cards/SurveyScoreSelector.tsx b/src/components/cards/SurveyScoreSelector.tsx
@@ -14,7 +14,7 @@ const SurveyScoreSelector = ({ onPressScore, selectedScore }: SurveyScoreSelecto
 
   const scoreItem = (score: number) => (
     <TouchableOpacity key={score.toString()} style={styles.buttonContainer} onPress={() => onPressScore(score)}
-      hitSlop={{ top: 20, bottom: 40, left: 20, right: 20 }}>
+      hitSlop={{ top: 20, bottom: 20, left: 20, right: 20 }} activeOpacity={1}>
       <View style={styles.button}>
         <View style={ score === selectedScore ? styles.selectedCircle : styles.circle} />
       </View>
@@ -34,17 +34,21 @@ const SurveyScoreSelector = ({ onPressScore, selectedScore }: SurveyScoreSelecto
 
 const styles = StyleSheet.create({
   line: {
-    borderWidth: BORDER_WIDTH,
     position: 'relative',
-    top: ICON.XL / 2 + BORDER_WIDTH,
+    borderWidth: BORDER_WIDTH,
     borderColor: GREY[200],
+    top: ICON.XL / 2 + BORDER_WIDTH,
+    marginRight: ICON.XL / 2,
+    marginLeft: ICON.XL / 2,
   },
   container: {
     flexDirection: 'row',
     justifyContent: 'space-between',
   },
   buttonContainer: {
     height: ICON.XL,
+    width: ICON.XL,
+    alignItems: 'center',
   },
   button: {
     justifyContent: 'center',