PLT-3916 - Fixing flag icon position in the RHS (#3898)

webapp/components/rhs_comment.jsx

@@ -392,7 +392,7 @@ export default class RhsComment extends React.Component {
                                     <FormattedDate
                                         value={post.create_at}
                                         day='numeric'
-                                        month='long'
+                                        month='short'
                                         year='numeric'
                                         hour12={!this.props.useMilitaryTime}
                                         hour='2-digit'

webapp/components/rhs_root_post.jsx

@@ -359,7 +359,7 @@ export default class RhsRootPost extends React.Component {
                                     <FormattedDate
                                         value={post.create_at}
                                         day='numeric'
-                                        month='long'
+                                        month='short'
                                         year='numeric'
                                         hour12={!this.props.useMilitaryTime}
                                         hour='2-digit'

webapp/sass/layout/_sidebar-right.scss

@@ -40,9 +40,13 @@
         .post__header {
             .col__name {
                 .user-popover {
-                    max-width: 130px;
+                    max-width: 120px;
                 }
             }
+
+            .flag-icon__container {
+                z-index: 5;
+            }
         }
     }