Emoji-picker style updates

src/plugins/muc-views/styles/muc-occupant.scss

@@ -58,6 +58,11 @@
                         }
                     }
                 }
+                .emoji-picker__header {
+                    ul {
+                        flex-wrap: wrap;
+                    }
+                }
             }
         }
     }

src/shared/chat/styles/emoji.scss

@@ -24,7 +24,7 @@
             display: inline-block;
             .dropdown-menu {
                 padding: 0;
-                margin-top: -23em !important;
+                width: auto !important;
             }
         }
 
@@ -234,17 +234,15 @@
         }
 
         &.converse-fullscreen {
-            converse-emoji-dropdown {
-                .dropdown-menu {
-                    min-width: 22em;
-                }
-            }
             .chatbox {
-                .toggle-smiley {
-                }
-                converse-emoji-picker {
-                    .emoji-picker__lists {
-                        height: 12em;
+                converse-emoji-dropdown {
+                    .dropdown-menu {
+                        min-width: 12em;
+                    }
+                    converse-emoji-picker {
+                        .emoji-picker__lists {
+                            height: 12em;
+                        }
                     }
                 }
             }

src/shared/chat/templates/emoji-picker.js

@@ -22,7 +22,7 @@ const emoji_category = (o) => {
 const emoji_picker_header = (o) => {
     const cats = api.settings.get('emoji_categories');
     const transform = c => cats[c] ? emoji_category(Object.assign({'category': c, 'emoji': o.sn2Emoji(cats[c])}, o)) : '';
-    return html`<ul class="flex-wrap flex-md-nowrap">${ Object.keys(cats).map(transform) }</ul>`;
+    return html`<ul>${ Object.keys(cats).map(transform) }</ul>`;
 }
 
 const emoji_item = (o) => {