Clean up UI of color selector on EditPlayer

wyne · May 5, 2024 · 6741086 · 6741086
1 parent aaf3b07
commit 6741086
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 7 deletions.
diff --git a/src/components/ColorPalettes/ColorSelector.tsx b/src/components/ColorPalettes/ColorSelector.tsx
@@ -106,6 +106,6 @@ const styles = StyleSheet.create({
     titleContainer: {
         flexDirection: 'column',
         justifyContent: 'space-between',
-        marginVertical: 20,
+        marginVertical: 10,
     }
 });
diff --git a/src/screens/EditPlayerScreen.tsx b/src/screens/EditPlayerScreen.tsx
@@ -3,7 +3,7 @@ import React, { useState } from 'react';
 import analytics from '@react-native-firebase/analytics';
 import { ParamListBase, RouteProp } from '@react-navigation/native';
 import { NativeStackNavigationProp } from '@react-navigation/native-stack';
-import { NativeSyntheticEvent, ScrollView, StyleSheet, Text, TextInput, TextInputEndEditingEventData, View } from 'react-native';
+import { NativeSyntheticEvent, ScrollView, StyleSheet, TextInput, TextInputEndEditingEventData, View } from 'react-native';
 import { Input } from 'react-native-elements';
 
 import { useAppDispatch, useAppSelector } from '../../redux/hooks';
@@ -117,11 +117,9 @@ const EditPlayerScreen: React.FC<EditPlayerScreenProps> = ({
                 value={localPlayerName}
             />
 
-            <View style={{ margin: 20 }} />
-
-            <Text style={{ color: 'white' }}>Select a color</Text>
-
-            <ColorSelector playerId={playerId} />
+            <View style={{ marginHorizontal: 20 }}>
+                <ColorSelector playerId={playerId} />
+            </View>
 
         </ScrollView>
     );