From 05c17f04761866319078b8c98a7b391acf1c7dea Mon Sep 17 00:00:00 2001
From: Parker <contact@pkrm.dev>
Date: Mon, 19 Feb 2024 21:23:37 -0600
Subject: [PATCH] Lessen icon margin on mobile

---
 app/static/css/index.css | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/app/static/css/index.css b/app/static/css/index.css
index 94a852a..63a27ae 100644
--- a/app/static/css/index.css
+++ b/app/static/css/index.css
@@ -92,6 +92,13 @@ nav a:hover {
     color: #9F9FAA;
 }
 
+/* Icons media query for mobile */
+@media only screen and (max-width: 600px) {
+    .icons {
+        margin: 0 0.5rem;
+    }
+}
+
 .icons:hover {
     cursor: pointer;
     opacity: 0.6;