From 9e0ae8e98c1a7415f4f0a9292cb1d919ea367754 Mon Sep 17 00:00:00 2001
From: Nathan Woodburn <github@nathan.woodburn.au>
Date: Wed, 15 Nov 2023 20:52:51 +1100
Subject: [PATCH] fix: Image warping on small screen

---
 templates/city.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/templates/city.html b/templates/city.html
index 16043db..be55a28 100644
--- a/templates/city.html
+++ b/templates/city.html
@@ -71,7 +71,7 @@
     </div>
     <div class="d-none d-print-none d-sm-block d-md-block d-lg-none d-xl-none d-xxl-none">
         <div class="d-xl-flex align-items-xl-center" style="background: #f1ffff;border-radius: 10px;padding-top: 2%;padding-left: 2%;padding-right: 2%;padding-bottom: 2%;display: inline-flex;margin: 1%;width: 98%;">
-            <div style="width: 20vw;height: 20vw;max-width: 200px;max-height: 200px;display: inline-block;"><img src="{{avatar}}" width="100%" height="100%" style="border-radius: 50%;"></div>
+            <div style="width: 20vw;height: 20vw;display: inline-block;"><img src="{{avatar}}" width="100%" height="100%" style="border-radius: 50%;"></div>
             <div style="display: inline-block;margin-left: 40px;">
                 <div>
                     <p style="font-size: 24px;">{{hnschat}}</p>