Click area modification and style alignment

1 files changed, 29 insertions, 6 deletions

diff --git a/app/components/SelectLocationStyles.js b/app/components/SelectLocationStyles.js
index fe5768d9f2..6137635ca7 100644
--- a/app/components/SelectLocationStyles.js
+++ b/app/components/SelectLocationStyles.js
@@ -31,8 +31,10 @@ export default {
       width: 16,
       height: 16,
       borderRadius: 8,
-      marginLeft: 8,
-      marginRight: 8,
+      marginLeft: 4,
+      marginRight: 4,
+      marginTop: 20,
+      marginBottom: 20,
     },
     relay_status__inactive: {
       backgroundColor: colors.red95,
@@ -41,27 +43,48 @@ export default {
       backgroundColor: colors.green90,
     },
     tick_icon: {
-      marginLeft: 4,
-      marginRight: 4,
+      marginLeft: 0,
+      marginRight: 0,
+      marginTop: 14,
+      marginBottom: 14,
     },
     country: {
       flexDirection: 'column',
       flex: 0,
     },
     collapse_button: {
-      height: 24,
-      width: 24,
+      flex: 0,
       alignSelf: 'flex-end',
+      paddingTop: 14,
+      paddingBottom: 14,
+      paddingRight: 16,
+      paddingLeft: 16,
+    },
+    cell: {
+      paddingTop: 0,
+      paddingBottom: 0,
+      paddingLeft: 24,
+      paddingRight: 0,
     },
     sub_cell: {
+      paddingTop: 0,
+      paddingBottom: 0,
+      paddingRight: 0,
       paddingLeft: 40,
       backgroundColor: colors.blue40,
     },
     sub_cell__selected: {
+      paddingTop: 0,
+      paddingBottom: 0,
+      paddingRight: 0,
       paddingLeft: 40,
       backgroundColor: colors.green,
     },
     cell_selected: {
+      paddingTop: 0,
+      paddingBottom: 0,
+      paddingLeft: 20,
+      paddingRight: 0,
       backgroundColor: colors.green,
     },
     expand_chevron_hover: {