Fix Emoji picker cut off at RHS (#6602)

webapp/components/emoji_picker/emoji_picker.jsx

@@ -240,20 +240,26 @@ export default class EmojiPicker extends React.Component {
                 // This is a custom emoji that matches the model on the server
                 name = selected.name;
                 aliases = [selected.name];
-                previewImage = (<img
+                previewImage = (
-                    className='emoji-picker__preview-image'
+                    <img
-                    align='absmiddle'
+                        className='emoji-picker__preview-image'
-                    src={EmojiStore.getEmojiImageUrl(selected)}
+                        align='absmiddle'
-                                />);
+                        src={EmojiStore.getEmojiImageUrl(selected)}
+                    />
+                );
             } else {
                 // This is a system emoji which only has a list of aliases
                 name = selected.aliases[0];
                 aliases = selected.aliases;
-                previewImage = (<span ><img
+                previewImage = (
-                    src='/static/emoji/img_trans.gif'
+                    <span>
-                    className={'  emojisprite-preview emoji-' + selected.filename + ' '}
+                        <img
-                    align='absmiddle'
+                            src='/static/emoji/img_trans.gif'
-                                       /></span>);
+                            className={'  emojisprite-preview emoji-' + selected.filename + ' '}
+                            align='absmiddle'
+                        />
+                    </span>
+                );
             }
 
             return (

webapp/sass/components/_emoticons.scss

@@ -103,7 +103,7 @@
 }
 
 .emoji-picker__items {
-    max-height: 262px;
+    max-height: 278px;
     overflow-x: hidden;
     overflow-y: auto;
     padding: 0px 8px 8px 8px;

webapp/sass/layout/_post-right.scss

@@ -148,7 +148,6 @@
 .post-right__scroll {
     -webkit-overflow-scrolling: touch;
     @include flex(1 1 auto);
-    overflow: auto;
     padding-top: 10px;
     position: relative;