From c1fbfcdfd6eb0e8bb5b66b1d7c1a21834252daff Mon Sep 17 00:00:00 2001
From: Sean Davis <wormania@gmail.com>
Date: Thu, 7 Dec 2023 02:30:36 +0000
Subject: [PATCH] Fix Safari sprite centering for medium displays

---
 pages/Towns/main.html | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/pages/Towns/main.html b/pages/Towns/main.html
index 5a7cfb616..f00127f15 100644
--- a/pages/Towns/main.html
+++ b/pages/Towns/main.html
@@ -203,12 +203,13 @@ <h2>Safari Encounters</h2>
                         <img width="48px" class="me-1" data-bind="attr: {src: './pokeclicker/docs/assets/images/pokemon/' + pokemonMap[$data.name].id + '.png'}"/>
                         <a href="#!" class="text-decoration-none" data-bind="text: $data.name, attr: {href: `#!Pokemon/${$data.name}` }"></a>
                     </td>
-                    <td class="align-middle" style="display: flex; justify-content: space-around;">
+                    <td class="align-middle">
                         <div data-bind="style: {
                             backgroundImage: `url(./pokeclicker/docs/assets/images/dynamic-background/pokemon/${Math.floor(pokemonList.find(p => p.name == $data.name).id).toString().padStart(3, '0')}.png)`,
                             backgroundSize: '192px',
                             height: '48px',
                             width: '48px',
+                            margin: 'auto',
                         }"></div>
                     </td>
                     <td class="align-middle" data-bind="text: $data.weight">