Changed margins for android devices and centered text input

ufosc · Feb 28, 2024 · b7ffcc0 · b7ffcc0
1 parent 4f0e6ed
commit b7ffcc0
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/client/src/components/Common/ChatMessageFooter.tsx b/client/src/components/Common/ChatMessageFooter.tsx
@@ -48,21 +48,24 @@ const styles = StyleSheet.create({
         borderWidth: 1,
         borderRadius: Dimensions.get('window').width * 0.058,
         marginHorizontal: Dimensions.get('window').width * 0.005,
+        marginBottom: Platform.OS === 'ios' ? 0 : 5,
         minHeight: Dimensions.get('window').width * 0.113,
         maxHeight: Dimensions.get('window').width * 0.3,
     },
     messageInput: {
         fontSize: 16,
         flex: 1,
-        marginBottom: Platform.OS === 'ios' ? 2 : 0,
+        marginBottom: Platform.OS === 'ios' ? 5 : 4,
+        marginTop: Platform.OS === 'ios' ? 2 : 4,
+        marginHorizontal: Dimensions.get('window').width * 0.018,
+
 
     },
     icons: {
         marginHorizontal: Dimensions.get('window').width * 0.008,
     },
     iconContainer: {
         marginLeft: Dimensions.get('window').width * 0.02,
-        marginRight: Dimensions.get('window').width * 0.009,
         marginBottom: Dimensions.get('window').width * 0.025,
         marginTop: Dimensions.get('window').width * 0.025,
         flexDirection: 'row',