From fa5f6b8179724b82d827d0ddf407b91dc3e28e89 Mon Sep 17 00:00:00 2001
From: discomrade <83621080+discomrade@users.noreply.github.com>
Date: Wed, 21 Feb 2024 14:16:49 +0000
Subject: [PATCH] [home] style counter images to adjust to screen width

---
 ext/home/main.php  | 2 +-
 ext/home/style.css | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/ext/home/main.php b/ext/home/main.php
index c1fcb2ef..12121099 100644
--- a/ext/home/main.php
+++ b/ext/home/main.php
@@ -61,7 +61,7 @@ class Home extends Extension
                 $length = strlen($strtotal);
                 for ($n = 0; $n < $length; $n++) {
                     $cur = $strtotal[$n];
-                    $counter_text .= "<img alt='$cur' src='$base_href/ext/home/counters/$counter_dir/$cur.gif' />";
+                    $counter_text .= "<img class='counter-img' alt='$cur' src='$base_href/ext/home/counters/$counter_dir/$cur.gif' />";
                 }
             }
         }
diff --git a/ext/home/style.css b/ext/home/style.css
index a8f7f416..cb30f8f0 100644
--- a/ext/home/style.css
+++ b/ext/home/style.css
@@ -5,8 +5,8 @@ div#front-page div#links a {margin: 0 0.5em;}
 div#front-page li {list-style-type: none; margin: 0;}
 @media (max-width: 800px) {
 	div#front-page h1 {font-size: 3rem; margin-top: 0.5em; margin-bottom: 0.5em;}
-	div#front-page #counter {display: none;}
 }
-
-div#front-page > #search > form { margin: 0 auto; }
-div#front-page > #search > form > input[type=submit]{ padding: 4px 6px; }
+div#front-page > #search > form {margin: 0 auto;}
+div#front-page > #search > form > input[type=submit]{padding: 4px 6px;}
+#counter {display: grid; justify-content: center; margin: auto; max-width: 66%;}
+.counter-img {grid-row: 1; max-width: 100%; height: auto;}
\ No newline at end of file