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

app/Services/Markdown.php

@@ -264,6 +264,7 @@ class Markdown extends \Parsedown {
             $e['element']['attributes']['src'] = $e['element']['attributes']['href'];
             $e['element']['attributes']['alt'] = 'Image';
             $e['element']['attributes']['class'] = 'comment_image';
+            $e['element']['attributes']['loading'] = 'lazy';
             unset($e['element']['attributes']['href']);
             unset($e['element']['text']);
             return $e;

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 {

resources/views/layout1/video.blade.php

@@ -14,7 +14,7 @@
             	                        	@if($video->id == '27204')
             	<iframe src="https://w0bm.com/loop/index.html"></iframe>
             	@else
-		<video id="video" loop controls preload="auto" crossorigin="anonymous">
+		<video id="video" loop controls preload="auto" crossorigin="anonymous" loading="lazy">
 			<source src="/b{{ "/" . $video->file }}">
 		</video>
 		@endif