public/s/css/f0ck.css

@@ -765,12 +765,10 @@ html[theme="f0ck95"] ._204863 {
   width: 100%;
   color: white;
   height: auto;
-  display: flex;
   border-left: inset 2px silver;
   border-top: inset 2px silver;
   border-right: outset 2px silver;
   border-bottom: outset 2px silver;
-  justify-content: space-between;
   line-height: 1.7;
 }
 
@@ -862,12 +860,10 @@ html[theme="f0ck95d"] ._204863 {
   width: 100%;
   color: white;
   height: auto;
-  display: flex;
   border-left: inset 2px silver;
   border-top: inset 2px silver;
   border-right: outset 2px silver;
   border-bottom: outset 2px silver;
-  justify-content: space-between;
   line-height: 1.7;
 }
 
@@ -1569,8 +1565,19 @@ span.placeholder {
 }
 
 .gapRight {
-  display: flex;
   align-items: center;
+  display: flex;
+}
+
+.gapLeft {
+  align-self: center;
+}
+
+.imageDoor {
+  width: 27px;
+  height: 27px;
+  display: inline-flex;
+  padding: 2px;
 }
 
 ._204863 {
@@ -1580,8 +1587,9 @@ span.placeholder {
   width: 100%;
   color: var(--accent);
   height: auto;
-  display: flex;
+  display: grid;
-  justify-content: space-between;
+  grid-template-rows: 1fr;
+  grid-template-columns: auto 1fr auto;
   line-height: 1.7;
   border: 1px solid black;
 }

views/item.html

@@ -1,6 +1,9 @@
 @include(snippets/header)
   <div class="container">
     <div class="_204863">
+      <div class="imageDoor">
+        <img src="/t/{{ item.id }}.webp" alt="">
+      </div>
       <div class="gapLeft">
         <span class="populateME"><b>f0ck</b> - {{ item.id }}</span>
       </div>