diff --git a/src/components/emoji_picker/emoji_picker.scss b/src/components/emoji_picker/emoji_picker.scss index 45290a89..0c9a6600 100644 --- a/src/components/emoji_picker/emoji_picker.scss +++ b/src/components/emoji_picker/emoji_picker.scss @@ -49,6 +49,7 @@ .heading { display: flex; + flex-direction: column; padding: 0.7em 0.5em 0; } @@ -129,7 +130,7 @@ .emoji { &-search { - padding: 0.3em; + padding-bottom: 0.5em; flex: 0 0 auto; input { @@ -196,9 +197,9 @@ &-group { display: grid; grid-template-columns: repeat(var(--__amount), 1fr); - justify-items: center; align-items: center; - justify-content: left; + justify-items: center; + justify-content: center; grid-template-rows: repeat(1, auto); &.first-row { diff --git a/src/components/emoji_picker/emoji_picker.vue b/src/components/emoji_picker/emoji_picker.vue index bd94bf99..2a2e260f 100644 --- a/src/components/emoji_picker/emoji_picker.vue +++ b/src/components/emoji_picker/emoji_picker.vue @@ -11,6 +11,16 @@
+