fix(chat): fix emoji cutting on chat screens

sergey-kozel · sergey-kozel · commit bcff510d16ce · 2018-01-12T15:53:06.000+03:00
diff --git a/app/screens/messaging/chat.js b/app/screens/messaging/chat.js
@@ -97,7 +97,7 @@ export class Chat extends React.Component {
       <View style={[styles.item, itemStyle]}>
         {!inMessage && renderDate(info.item.time)}
         <View style={[styles.balloon, {backgroundColor}]}>
-          <RkText rkType='primary2 mediumLine chat'>{info.item.text}</RkText>
+          <RkText rkType='primary2 mediumLine chat' style={{paddingTop: 5}}>{info.item.text}</RkText>
         </View>
         {inMessage && renderDate(info.item.time)}
       </View>
@@ -186,7 +186,9 @@ let styles = RkStyleSheet.create(theme => ({
   },
   balloon: {
     maxWidth: scale(250),
-    padding: 15,
+    paddingHorizontal: 15,
+    paddingTop: 10,
+    paddingBottom: 15,
     borderRadius: 20,
   },
   time: {
diff --git a/app/screens/messaging/chatList.js b/app/screens/messaging/chatList.js
@@ -86,7 +86,7 @@ export class ChatList extends React.Component {
                 {moment().add(last.time, 'seconds').format('LT')}
               </RkText>
             </View>
-            <RkText numberOfLines={2} rkType='primary3 mediumLine'>{last.text}</RkText>
+            <RkText numberOfLines={2} rkType='primary3 mediumLine' style={{paddingTop: 5}}>{last.text}</RkText>
           </View>
         </View>
       </TouchableOpacity>
@@ -121,7 +121,8 @@ let styles = RkStyleSheet.create(theme => ({
   container: {
     paddingLeft: 19,
     paddingRight: 16,
-    paddingVertical: 12,
+    paddingBottom: 12,
+    paddingTop: 7,
     flexDirection: 'row'
   },
   content: {
