From 3a13442bb96e6914a2f54e0e1e81eba3dccbb581 Mon Sep 17 00:00:00 2001
From: liamcottle <liam@liamcottle.com>
Date: Sun, 2 Feb 2025 01:43:32 +1300
Subject: [PATCH] collapse ifac grid on small screens

---
 src/frontend/components/interfaces/AddInterfacePage.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/frontend/components/interfaces/AddInterfacePage.vue b/src/frontend/components/interfaces/AddInterfacePage.vue
index 8ccf0be..4f7f884 100644
--- a/src/frontend/components/interfaces/AddInterfacePage.vue
+++ b/src/frontend/components/interfaces/AddInterfacePage.vue
@@ -708,7 +708,7 @@
                 <template v-slot:subtitle>Interface Access Code settings are used for creating private networks and can be configured on the interface level.</template>
                 <template v-slot:content>
                     <div class="p-2">
-                        <div class="grid grid-cols-3 gap-4">
+                        <div class="grid grid-cols-1 lg:grid-cols-3 gap-y-2 lg:gap-x-2">
                             <div>
                                 <label class="block text-sm font-medium text-gray-900 dark:text-zinc-100">Network Name</label>
                                 <input