From 37e3872782c8a32ba29be356f27a6f3ebc7e0a08 Mon Sep 17 00:00:00 2001
From: James Collins <james.collins@outlook.com.au>
Date: Tue, 25 Apr 2023 11:44:29 +1000
Subject: [PATCH] fix margins on small devices

---
 resources/js/components/SMPageFooter.vue | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/resources/js/components/SMPageFooter.vue b/resources/js/components/SMPageFooter.vue
index d1f0dfd..9056040 100644
--- a/resources/js/components/SMPageFooter.vue
+++ b/resources/js/components/SMPageFooter.vue
@@ -160,6 +160,7 @@ import SMSocialIcons from "../components/SMSocialIcons.vue";
         .footer-text {
             align-items: center;
             text-align: center;
+            padding: 0 8px;
         }
 
         .footer-links {
@@ -192,9 +193,14 @@ import SMSocialIcons from "../components/SMSocialIcons.vue";
 }
 
 @media only screen and (max-width: 400px) {
-    .footer ul li {
-        margin-left: 0.5rem;
-        margin-right: 0.5rem;
+    .footer-links ul {
+        flex-direction: column;
+        margin-top: 0;
+
+        li {
+            margin-top: 0.25rem;
+            margin-bottom: 0.25rem;
+        }
     }
 }
 </style>