From 93dc0e2cc86648ff49cd87b652640bf67476ed22 Mon Sep 17 00:00:00 2001
From: Aevann1 <randomname42029@gmail.com>
Date: Wed, 30 Nov 2022 13:29:45 +0200
Subject: [PATCH] limit smol-fp to only when the HOLES button is present

---
 files/assets/css/main.css | 8 --------
 files/templates/home.html | 9 +++++++++
 2 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/files/assets/css/main.css b/files/assets/css/main.css
index 4abc78551..80702b306 100644
--- a/files/assets/css/main.css
+++ b/files/assets/css/main.css
@@ -6117,14 +6117,6 @@ g {
 	font-size: 20px;
 }
 
-@media (max-width: 427px) {
-	.smol-fp {
-		font-size: 2.7vw;
-		padding-left: 2.5vw;
-		padding-right: 2.1vw;
-	}
-}
-
 .emoji-option {
 	vertical-align: text-top;
 }
diff --git a/files/templates/home.html b/files/templates/home.html
index 11ba8dfa8..0e4dc7c4c 100644
--- a/files/templates/home.html
+++ b/files/templates/home.html
@@ -65,6 +65,15 @@
 				<a class="btn btn-{{pcolor}} text-{{pcolor}} mx-2 smol-fp" href="/toggle_pins/{{sort}}"><i class="fas fas fa-thumbtack fa-rotate--45 mr-2 "></i>Pins</a>
 
 				{% if SITE_NAME != 'WPD' and not sub %}
+					<style>
+						@media (max-width: 427px) {
+							.smol-fp {
+								font-size: 2.7vw;
+								padding-left: 2.5vw;
+								padding-right: 2.1vw;
+							}
+						}
+					</style>
 					{% set hcolor = "primary" if holes else "secondary" %}
 					<a class="btn btn-{{hcolor}} text-{{hcolor}} mx-2 smol-fp" href="/toggle_holes"><i class="fas fas fa-manhole mr-2 "></i>Holes</a>
 				{% endif %}