From ce3db3b15bc81eaf76fe27121f47eff1502b7e78 Mon Sep 17 00:00:00 2001
From: overflowerror <mail@overflowerror.com>
Date: Thu, 8 Aug 2024 19:51:12 +0200
Subject: [PATCH] feat: Add padding between mob image and name in results page

---
 html/styles/main.css           | 4 ++++
 view/fragments/mobListItem.php | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/html/styles/main.css b/html/styles/main.css
index d3d9cf1..508fd8a 100644
--- a/html/styles/main.css
+++ b/html/styles/main.css
@@ -251,6 +251,10 @@ h2 {
     padding-right: 15px;
 }
 
+.left {
+    padding-left: 10px;
+}
+
 .results-list img {
     height: 100px;
     object-fit: contain;
diff --git a/view/fragments/mobListItem.php b/view/fragments/mobListItem.php
index e546400..e993f21 100644
--- a/view/fragments/mobListItem.php
+++ b/view/fragments/mobListItem.php
@@ -12,7 +12,7 @@
     <td>
         <img alt="<?= $mob["name"] ?>" src="/images/mobs/<?= $mob["image"] ?>" />
     </td>
-    <td>
+    <td class="left">
         <a target="_blank" href="https://minecraft.wiki/w/<?= str_replace(" ", "_", $mob["name"]) ?>">
             <?= $mob["name"] ?>
         </a>