styling

1 files changed, 9 insertions, 11 deletions

diff --git a/src/screens/chat/ChatScreen.tsx b/src/screens/chat/ChatScreen.tsx
index c88e8690..c281f67a 100644
--- a/src/screens/chat/ChatScreen.tsx
+++ b/src/screens/chat/ChatScreen.tsx
@@ -16,7 +16,7 @@ import {ChatContext} from '../../App';
 import {ChatHeader, ChatInput, TabsGradient} from '../../components';
 import {MainStackParams} from '../../routes';
 import {ScreenType} from '../../types';
-import {HeaderHeight, isIPhoneX, SCREEN_WIDTH} from '../../utils';
+import {HeaderHeight, isIPhoneX, normalize, SCREEN_WIDTH} from '../../utils';
 
 type ChatScreenNavigationProp = StackNavigationProp<MainStackParams, 'Chat'>;
 interface ChatScreenProps {
@@ -35,7 +35,7 @@ const ChatScreen: React.FC<ChatScreenProps> = () => {
     messageList: {
       container: {
         backgroundColor: 'white',
-        width: SCREEN_WIDTH * 0.9,
+        width: SCREEN_WIDTH * 0.95,
         alignSelf: 'center',
       },
     },
@@ -47,17 +47,17 @@ const ChatScreen: React.FC<ChatScreenProps> = () => {
     },
     avatar: {
       container: {
-        borderRadius: 20,
-        width: 40,
-        height: 40,
+        borderRadius: 10,
+        width: normalize(18),
+        height: normalize(18),
       },
     },
     messageSimple: {
       avatarWrapper: {
         container: {
-          height: '100%',
-          top: -8,
+          width: normalize(20),
           zIndex: 1,
+          bottom: 20,
         },
       },
       container: {
@@ -65,9 +65,7 @@ const ChatScreen: React.FC<ChatScreenProps> = () => {
         flexDirection: 'row',
       },
       content: {
-        container: {
-          left: -25,
-        },
+        container: {},
         containerInner: {
           backgroundColor: '#E4F0F2',
           borderColor: 'transparent',
@@ -148,7 +146,7 @@ const styles = StyleSheet.create({
     height: 32,
     borderRadius: 10,
     marginBottom: 10,
-    marginLeft: 10,
+    marginLeft: SCREEN_WIDTH * 0.09,
     flexDirection: 'row',
     justifyContent: 'center',
     alignItems: 'center',