ui tweaks

Author: fadi-george

examples/demo/src/components/modals/CustomNotificationModal.tsx

@@ -124,15 +124,13 @@ const styles = StyleSheet.create({
     color: Colors.textSecondary,
   },
   confirmBtn: {
-    backgroundColor: Colors.oneSignalRed,
-    borderRadius: 8,
     paddingVertical: 10,
-    paddingHorizontal: 20,
+    paddingHorizontal: 16,
   },
   confirmText: {
     fontSize: 13,
     fontWeight: '600',
-    color: '#fff',
+    color: Colors.oneSignalRed,
   },
   disabled: {
     opacity: 0.5,

examples/demo/src/components/modals/LoginModal.tsx

@@ -120,15 +120,13 @@ const styles = StyleSheet.create({
     color: Colors.textSecondary,
   },
   confirmBtn: {
-    backgroundColor: Colors.oneSignalRed,
-    borderRadius: 8,
     paddingVertical: 10,
-    paddingHorizontal: 20,
+    paddingHorizontal: 16,
   },
   confirmText: {
     fontSize: 13,
     fontWeight: '600',
-    color: '#fff',
+    color: Colors.oneSignalRed,
   },
   disabled: {
     opacity: 0.5,

examples/demo/src/components/modals/MultiPairInputModal.tsx

@@ -210,15 +210,13 @@ const styles = StyleSheet.create({
     color: Colors.textSecondary,
   },
   confirmBtn: {
-    backgroundColor: Colors.oneSignalRed,
-    borderRadius: 8,
     paddingVertical: 10,
-    paddingHorizontal: 20,
+    paddingHorizontal: 16,
   },
   confirmText: {
     fontSize: 13,
     fontWeight: '600',
-    color: '#fff',
+    color: Colors.oneSignalRed,
   },
   disabled: {
     opacity: 0.5,

examples/demo/src/components/modals/MultiSelectRemoveModal.tsx

@@ -146,15 +146,13 @@ const styles = StyleSheet.create({
     color: Colors.textSecondary,
   },
   confirmBtn: {
-    backgroundColor: Colors.oneSignalRed,
-    borderRadius: 8,
     paddingVertical: 10,
-    paddingHorizontal: 20,
+    paddingHorizontal: 16,
   },
   confirmText: {
     fontSize: 13,
     fontWeight: '600',
-    color: '#fff',
+    color: Colors.oneSignalRed,
   },
   disabled: {
     opacity: 0.5,

examples/demo/src/components/modals/OutcomeModal.tsx

@@ -197,15 +197,13 @@ const styles = StyleSheet.create({
     color: Colors.textSecondary,
   },
   confirmBtn: {
-    backgroundColor: Colors.oneSignalRed,
-    borderRadius: 8,
     paddingVertical: 10,
-    paddingHorizontal: 20,
+    paddingHorizontal: 16,
   },
   confirmText: {
     fontSize: 13,
     fontWeight: '600',
-    color: '#fff',
+    color: Colors.oneSignalRed,
   },
   disabled: {
     opacity: 0.5,

examples/demo/src/components/modals/PairInputModal.tsx

@@ -140,15 +140,13 @@ const styles = StyleSheet.create({
     color: Colors.textSecondary,
   },
   confirmBtn: {
-    backgroundColor: Colors.oneSignalRed,
-    borderRadius: 8,
     paddingVertical: 10,
-    paddingHorizontal: 20,
+    paddingHorizontal: 16,
   },
   confirmText: {
     fontSize: 13,
     fontWeight: '600',
-    color: '#fff',
+    color: Colors.oneSignalRed,
   },
   disabled: {
     opacity: 0.5,

examples/demo/src/components/modals/SingleInputModal.tsx

@@ -125,15 +125,13 @@ const styles = StyleSheet.create({
     color: Colors.textSecondary,
   },
   confirmBtn: {
-    backgroundColor: Colors.oneSignalRed,
-    borderRadius: 8,
     paddingVertical: 10,
-    paddingHorizontal: 20,
+    paddingHorizontal: 16,
   },
   confirmText: {
     fontSize: 13,
     fontWeight: '600',
-    color: '#fff',
+    color: Colors.oneSignalRed,
   },
   disabled: {
     opacity: 0.5,

examples/demo/src/components/modals/TooltipModal.tsx

@@ -35,7 +35,7 @@ export default function TooltipModal({ visible, tooltip, onClose }: Props) {
             ))}
           </ScrollView>
           <TouchableOpacity style={styles.closeBtn} onPress={onClose}>
-            <Text style={styles.closeBtnText}>CLOSE</Text>
+            <Text style={styles.closeBtnText}>OK</Text>
           </TouchableOpacity>
         </View>
       </TouchableOpacity>
@@ -84,15 +84,14 @@ const styles = StyleSheet.create({
   },
   closeBtn: {
     marginTop: 16,
-    backgroundColor: Colors.oneSignalRed,
-    borderRadius: 8,
-    paddingVertical: 12,
-    alignItems: 'center',
+    alignSelf: 'flex-end',
+    paddingVertical: 8,
+    paddingHorizontal: 4,
   },
   closeBtnText: {
     fontSize: 13,
     fontWeight: '600',
-    color: '#fff',
+    color: Colors.oneSignalRed,
     letterSpacing: 0.5,
   },
 });

examples/demo/src/components/modals/TrackEventModal.tsx

@@ -177,15 +177,13 @@ const styles = StyleSheet.create({
     color: Colors.textSecondary,
   },
   confirmBtn: {
-    backgroundColor: Colors.oneSignalRed,
-    borderRadius: 8,
     paddingVertical: 10,
-    paddingHorizontal: 20,
+    paddingHorizontal: 16,
   },
   confirmText: {
     fontSize: 13,
     fontWeight: '600',
-    color: '#fff',
+    color: Colors.oneSignalRed,
   },
   disabled: {
     opacity: 0.5,