Various UI fixes (#398)

* PLT-6001 Fix right margin on markdown lists

* PLT-6036 Fix post commented on spacing

* PLT-5902 Close keyboard when drawer opens

app/components/markdown/markdown_list.js

@@ -23,7 +23,7 @@ export default class MarkdownList extends PureComponent {
         });
 
         return (
-            <View>
+            <View style={{marginRight: 20}}>
                 {children}
             </View>
         );

app/components/post/post.js

@@ -144,14 +144,10 @@ class Post extends PureComponent {
 
         const replyBarStyle = [style.replyBar];
 
-        if (this.props.isFirstReply && !this.props.commentedOnPost) {
+        if (this.props.isFirstReply || this.props.commentedOnPost) {
             replyBarStyle.push(style.replyBarFirst);
         }
 
-        if (this.props.isLastReply) {
-            replyBarStyle.push(style.replyBarLast);
-        }
-
         return <View style={replyBarStyle}/>;
     };
 
@@ -489,7 +485,7 @@ const getStyleSheet = makeStyleSheetFromTheme((theme) => {
             opacity: 0.5
         },
         commentedOn: {
-            color: theme.centerChannelColor,
+            color: changeOpacity(theme.centerChannelColor, 0.65),
             lineHeight: 21
         },
         message: {

app/navigation/router.js

@@ -6,6 +6,7 @@ import {
     Dimensions,
     Easing,
     InteractionManager,
+    Keyboard,
     NavigationExperimental,
     View
 } from 'react-native';
@@ -233,6 +234,7 @@ class Router extends Component {
     };
 
     handleLeftDrawerOpen = () => {
+        Keyboard.dismiss();
         setTimeout(() => {
             InteractionManager.clearInteractionHandle(this.openLeftHandle);
         });