fixing emoji picker in atmos layout, re-adding old emojis

public/css/w0bmcustom.css

@@ -2899,7 +2899,7 @@ button#toggle:not(:focus) {
 }
 
 span.videoinfo {
-    background: #1f1f20;
+    background: #1f1f20d1;
     border-radius: 5px;
     padding: 5px;
 }
@@ -3236,17 +3236,12 @@ a.file_size {
 .comment_emoji_small {
     height: 50px;
     width: auto;
-    margin-right: 5px;
-    background: #6c6c7b;
     border-radius: 5px;
-    vertical-align: super;
-    margin-bottom: 5px;
 }
 
 .emojis {
-    margin-left: 5px;
-    margin-right: 5px;
-    white-space: nowrap;
+    display: flex;
+    flex-flow: row wrap;
 }
 
 #parent {
@@ -3831,8 +3826,8 @@ button#layout5 {
 }
 
 div#parent {
-    overflow-x: overlay !important;
-    overflow-x: scroll;
+    overflow-y: scroll;
+    height: 10rem;
 }
 
 a.not-safe-for-work {
@@ -3869,11 +3864,9 @@ button#layout4:before {
 #parent {
     background: #3a3938;
     border-radius: 0;
-    padding: 5px;
     cursor: pointer;
     margin-left: 5px;
     margin-right: 5px;
-    padding-right: 50px;
     border-left: 1px solid black;
     border-bottom: 1px solid black;
     border-right: 1px solid black;
@@ -4162,6 +4155,12 @@ pre {
 
 .w0bm_emoji_anchor {
     display: inline-flex;
+    flex-grow: 1;
+    background: #262626;
+    margin: 2px;
+    justify-content: center;
+    border-radius: 5px;
+    padding: 5px;
 }
 
 .vidinfo {