From 86ae0e437bb786c5780427b0626d03745303870c Mon Sep 17 00:00:00 2001
From: stopflock <admin@stopflock.com>
Date: Wed, 15 Jul 2026 13:57:15 -0500
Subject: [PATCH] maybe fix footer items getting cut off

---
 webapp/src/components/layout/Footer.vue | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/webapp/src/components/layout/Footer.vue b/webapp/src/components/layout/Footer.vue
index 23d7521..2a97c15 100644
--- a/webapp/src/components/layout/Footer.vue
+++ b/webapp/src/components/layout/Footer.vue
@@ -8,8 +8,9 @@
         </v-col>
         
         <!-- Info -->
-        <v-col cols="6" sm="4">
-          <v-list-subheader class="mx-4 font-weight-black text-subtitle-1" :class="isDark ? 'text-grey-lighten-5' : 'text-black'" id="footer-info-heading">Info</v-list-subheader>
+        <v-col cols="12" sm="4">
+          <v-list-subheader class="mx-2 font-weight-black text-subtitle-1" :class="isDark ? 'text-grey-lighten-5' : 'text-black'" id="footer-info-heading">Info</v-list-subheader>
+
           <v-list density="compact" aria-labelledby="footer-info-heading" role="list">
             <v-list-item role="listitem"
               v-for="link in internalLinks"
@@ -28,8 +29,9 @@
         </v-col>
 
         <!-- Contact Us -->
-        <v-col cols="6" sm="4">
-          <v-list-subheader class="mx-4 font-weight-black text-subtitle-1" :class="isDark ? 'text-grey-lighten-5' : 'text-black'" id="footer-contact-heading">Contact Us</v-list-subheader>
+        <v-col cols="12" sm="4">
+          <v-list-subheader class="mx-2 font-weight-black text-subtitle-1" :class="isDark ? 'text-grey-lighten-5' : 'text-black'" id="footer-contact-heading">Contact Us</v-list-subheader>
+
           <v-list density="compact" aria-labelledby="footer-contact-heading" role="list">
             <v-list-item role="listitem"
               v-for="link in contactLinks"
@@ -49,7 +51,8 @@
 
         <!-- Get Involved -->
         <v-col cols="12" sm="4">
-          <v-list-subheader class="mx-4 font-weight-black text-subtitle-1" :class="isDark ? 'text-grey-lighten-5' : 'text-black'" id="footer-involved-heading">Get Involved</v-list-subheader>
+          <v-list-subheader class="mx-2 font-weight-black text-subtitle-1" :class="isDark ? 'text-grey-lighten-5' : 'text-black'" id="footer-involved-heading">Get Involved</v-list-subheader>
+
           <v-list density="compact" aria-labelledby="footer-involved-heading" role="list">
             <v-list-item
               v-for="link in getInvolvedLinks"