From d56c143e80b155a90df15ace2feae49223169acb Mon Sep 17 00:00:00 2001
From: schrumpel <git@f0ck.it>
Date: Wed, 18 May 2022 17:07:24 +0200
Subject: [PATCH] good executables have icons

---
 public/s/css/f0ck.css | 22 +++++++++++++++-------
 views/item.html       |  3 +++
 2 files changed, 18 insertions(+), 7 deletions(-)

diff --git a/public/s/css/f0ck.css b/public/s/css/f0ck.css
index 586aa45..12b6a03 100644
--- a/public/s/css/f0ck.css
+++ b/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;
-  justify-content: space-between;
+  display: grid;
+  grid-template-rows: 1fr;
+  grid-template-columns: auto 1fr auto;
   line-height: 1.7;
   border: 1px solid black;
 }
diff --git a/views/item.html b/views/item.html
index d72cd41..447845f 100644
--- a/views/item.html
+++ b/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>