From 93b4a5fc42d5861d0856d663cbe140f667328c98 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Mon, 28 Oct 2024 10:09:43 -0400
Subject: [PATCH] Improve smaller breakpoints

---
 resources/js/components/Mappings.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/resources/js/components/Mappings.vue b/resources/js/components/Mappings.vue
index 93e9f1d..9bd5d5f 100644
--- a/resources/js/components/Mappings.vue
+++ b/resources/js/components/Mappings.vue
@@ -24,7 +24,7 @@
                 </thead>
                 <tbody>
                     <tr v-for="field in fields">
-                        <td class="w-96">
+                        <td class="w-1/3">
                             <label class="text-sm font-medium" :for="`mappings.${field.handle}.key`">
                                 {{ field.display }}
                             </label>
@@ -43,7 +43,7 @@
                                 @updated="mappings[field.handle] = $event"
                             >
                                 <div slot-scope="{ setFieldValue, setFieldMeta }">
-                                    <div class="-mx-6">
+                                    <div class="-mx-4 md:-ml-6">
                                         <publish-fields
                                             :fields="field.fields"
                                             @updated="setFieldValue"