Merge pull request #1019 from akvo/feature/981-selected-items-style

[#981] Update selected color text style
akvo · Jan 19, 2024 · 7de241f · 7de241f
2 parents 39013f9 + ef0483b
commit 7de241f
Showing 1 changed file with 15 additions and 2 deletions.
diff --git a/app/src/form/support/OptionItem.js b/app/src/form/support/OptionItem.js
@@ -5,8 +5,21 @@ import { Text } from 'react-native';
 const OptionItem = ({ label, color, name }, active) => {
   return (
     <View style={[{ padding: 3 }]}>
-      <View style={[{ backgroundColor: active ? '#0047AB' : color || '#FFF', padding: 15 }]}>
-        <Text style={{ fontWeight: color ? 'bold' : 'normal', color: color ? 'white' : 'black' }}>
+      <View
+        style={[
+          {
+            padding: 8,
+            backgroundColor: color ? color : active ? '#bcbcbc' : '#FFF',
+            borderRadius: color ? 5 : 0,
+          },
+        ]}
+      >
+        <Text
+          style={{
+            fontWeight: color ? 'bold' : 'normal',
+            color: color || active ? 'white' : 'black',
+          }}
+        >
           {label || name}
         </Text>
       </View>