Fixed: Minor mobile stylesheet improvements

.gitignore

@@ -1,4 +1,9 @@
 # Contains bearer token
 connection.php
+
 .DS_Store
 TODO.md
+
+# 
+collection.*
+collection/

.htaccess

@@ -1,3 +1,3 @@
-Header add Content-Security-Policy "default-src 'self'; img-src 'self' https://cf.geekdo-static.com; script-src-attr 'unsafe-inline'; script-src-elem 'self' 'unsafe-inline'; frame-ancestors 'none'; form-action 'self'; upgrade-insecure-requests"
-Header add Referrer-Policy "same-origin"
-Header add Permissions-Policy "geolocation=()"
+Header set Content-Security-Policy "default-src 'self'; img-src 'self' https://cf.geekdo-static.com; script-src-attr 'unsafe-inline'; script-src-elem 'self' 'unsafe-inline'; frame-ancestors 'none'; form-action 'self'; upgrade-insecure-requests"
+Header set Referrer-Policy "same-origin"
+Header set Permissions-Policy "geolocation=()"

README.md

@@ -38,6 +38,10 @@ BGG Collection Comparison
 - Moved Tool to different hosting provider managed by @banaan666
 - Changed to BGG XML API authorization managed by @banaan666
 
+## version 2.1.1 (2025-12-11)
+
+- Fixed: Minor mobile stylesheet improvements 
+
 
 # Setup
 

compare.php

@@ -365,7 +365,7 @@ function processChoices($username, $ddChoice, $excludeExpansions, $apiToken){
   </main>
   <footer>
     <p><img src="powered_by_logo_01_SM.jpg" alt="Powered by BGG"/></p>
-    <p>version 2.1 by <a href="https://boardgamegeek.com/profile/banaan666">banaan666</a> and <a href="https://boardgamegeek.com/profile/DraedGhawl">DraedGhawl</a></p>
+    <p>version 2.1.1 by <a href="https://boardgamegeek.com/profile/banaan666">banaan666</a> and <a href="https://boardgamegeek.com/profile/DraedGhawl">DraedGhawl</a></p>
   </footer>
 </body>
 </html> 

compare_to_geeklist.html

@@ -56,7 +56,7 @@ <h2>Feature requests or bugs?</h2>
   </main>
   <footer>
     <p><img src="powered_by_logo_01_SM.jpg" alt="Powered by BGG"/></p>
-    <p>version 2.1 by <a href="https://boardgamegeek.com/profile/banaan666">banaan666</a> and <a href="https://boardgamegeek.com/profile/DraedGhawl">DraedGhawl</a></p>
+    <p>version 2.1.1 by <a href="https://boardgamegeek.com/profile/banaan666">banaan666</a> and <a href="https://boardgamegeek.com/profile/DraedGhawl">DraedGhawl</a></p>
   </footer>
 </body>
 </html> 

compare_to_geeklist.php

@@ -172,7 +172,7 @@ public function setObjectID($newID){
   </main>
   <footer>
     <p><img src="powered_by_logo_01_SM.jpg" alt="Powered by BGG"/></p>
-    <p>version 2.1 by <a href="https://boardgamegeek.com/profile/banaan666">banaan666</a> and <a href="https://boardgamegeek.com/profile/DraedGhawl">DraedGhawl</a></p>
+    <p>version 2.1.1 by <a href="https://boardgamegeek.com/profile/banaan666">banaan666</a> and <a href="https://boardgamegeek.com/profile/DraedGhawl">DraedGhawl</a></p>
   </footer>
 </body>
 </html> 

index.html

@@ -92,7 +92,7 @@ <h2>Feature requests or bugs?</h2>
   </main>
   <footer>
     <p><img src="powered_by_logo_01_SM.jpg" alt="Powered by BGG"/></p>
-    <p>version 2.1 by <a href="https://boardgamegeek.com/profile/banaan666">banaan666</a> and <a href="https://boardgamegeek.com/profile/DraedGhawl">DraedGhawl</a></p>
+    <p>version 2.1.1 by <a href="https://boardgamegeek.com/profile/banaan666">banaan666</a> and <a href="https://boardgamegeek.com/profile/DraedGhawl">DraedGhawl</a></p>
   </footer>
 </body>
 </html> 

redirect.html

@@ -30,7 +30,7 @@ <h2>Tool has moved to another place on the Internet</h2>
   </main>
   <footer>
     <p><img src="powered_by_logo_01_SM.jpg" alt="Powered by BGG"/></p>
-    <p>version 2.1 by <a href="https://boardgamegeek.com/profile/DraedGhawl">DraedGhawl</a> and <a href="https://boardgamegeek.com/profile/banaan666">banaan666</a></p>
+    <p>version 2.1.1 by <a href="https://boardgamegeek.com/profile/DraedGhawl">DraedGhawl</a> and <a href="https://boardgamegeek.com/profile/banaan666">banaan666</a></p>
   </footer>
 </body>
 </html> 

style.css

@@ -7,7 +7,7 @@ body {
 
 a, a:link {
   color: black;
-  text-decoration: none;
+  text-decoration: underline;
 }
 
 a:focus, a:hover, a:active {
@@ -21,22 +21,37 @@ header {
   padding: 0.5em 1em;
 }
 
+@media (max-width: 576px) {
+  header {
+    padding: 0.5em;
+  }
+}
+
+
 h1 {
   margin: 0;
   background-image: url('navbar-logo-bgg-b2.svg');
   background-repeat: no-repeat;
   background-size: contain;
-  padding-left: 0.5em;
+  padding-left: 3.5em;
   font-size: 1.2em;
 }
 
+@media (max-width: 576px) {
+  h1 {
+    background-size: auto;
+    padding-left: 100px;
+  }
+}
+
 h2 {
   margin: 0;
   font-size: 1.5em;
 }
 
 h1 span {
   visibility: hidden;
+  display: none;
 }
 
 
@@ -58,15 +73,31 @@ main {
   padding: 0 0.5em 0 0.5em;
 }
 
+@media (max-width: 576px) {
+  main {
+    padding: 0;
+  }
+}
+
 ul {
   list-style-type: disc;
   color: #FF5100;
 }
+
 dd {
   margin-left: 0;
   padding-left: 2em;
 }
 
+@media (max-width: 576px) {
+  ul {
+    padding: 0 1em;
+  }
+  dd {
+    padding-left: 0em;
+  }
+}
+
 footer {
   text-align: center;
   background-color: white;
@@ -81,8 +112,15 @@ footer p {
 }
 
 @media (max-width: 576px) {
+
+  footer {
+    padding-left: 0;
+    padding-right: 0;
+  }
+
   footer img {
     width: 100%;
+    max-width: 368px;
   } 
 }
 
@@ -179,6 +217,7 @@ form .options {
   form .options {
     max-width: 100%;
   } 
+
 }
 
 div.content {
@@ -198,6 +237,12 @@ form fieldset {
   width: 100%;
 }
 
+@media (max-width: 576px) {
+  form fieldset {
+    width: auto;
+  }
+}
+
 form fieldset legend {
   background-color: white;
   font-weight: bold;
@@ -228,7 +273,7 @@ form fieldset dd {
 
 form p.buttons {
   text-align: right;
-  padding-right: 1.5em;
+  padding-right: 0em;
 }
 
 div.loader {