From db823d3015b7b65c99a8cc39ccb3c3edaf257bc8 Mon Sep 17 00:00:00 2001
From: Duncan McClean <duncan@duncanmcclean.com>
Date: Thu, 11 Jan 2024 15:11:54 +0000
Subject: [PATCH] Fix spacing around fullscreen button on Stacked Grid

---
 resources/js/components/fieldtypes/grid/Grid.vue    |  1 +
 resources/js/components/fieldtypes/grid/Stacked.vue | 11 +++++++++--
 resources/js/components/fieldtypes/grid/View.vue    |  2 +-
 3 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/resources/js/components/fieldtypes/grid/Grid.vue b/resources/js/components/fieldtypes/grid/Grid.vue
index e1ac28b9c32..868a163a0bc 100644
--- a/resources/js/components/fieldtypes/grid/Grid.vue
+++ b/resources/js/components/fieldtypes/grid/Grid.vue
@@ -28,6 +28,7 @@
                 :can-delete-rows="canDeleteRows"
                 :can-add-rows="canAddRows"
                 :allow-fullscreen="config.fullscreen"
+                :hide-display="config.hide_display"
                 @updated="updated"
                 @meta-updated="updateRowMeta"
                 @removed="removed"
diff --git a/resources/js/components/fieldtypes/grid/Stacked.vue b/resources/js/components/fieldtypes/grid/Stacked.vue
index 00ca0e36ead..d7024d62fcb 100644
--- a/resources/js/components/fieldtypes/grid/Stacked.vue
+++ b/resources/js/components/fieldtypes/grid/Stacked.vue
@@ -18,7 +18,14 @@
         @dragend="$emit('blur')"
         @input="(rows) => $emit('sorted', rows)"
     >
-        <div class="grid-stacked" slot-scope="{}">
+        <div
+            class="grid-stacked"
+            :class="{
+                'mt-12': !grid.fullScreenMode && hideDisplay,
+                'mt-6': !grid.fullScreenMode && !hideDisplay,
+            }"
+            slot-scope="{}"
+        >
             <stacked-row
                 v-for="(row, index) in rows"
                 :key="`row-${row._id}`"
@@ -54,7 +61,7 @@ export default {
     components: {
         StackedRow,
         SortableList
-    }
+    },
 
 }
 </script>
diff --git a/resources/js/components/fieldtypes/grid/View.vue b/resources/js/components/fieldtypes/grid/View.vue
index 515afd072bb..38f830c90be 100644
--- a/resources/js/components/fieldtypes/grid/View.vue
+++ b/resources/js/components/fieldtypes/grid/View.vue
@@ -1,7 +1,7 @@
 <script>
 export default {
 
-    props: ['fields', 'rows', 'meta', 'name', 'canDeleteRows', 'canAddRows', 'allowFullscreen'],
+    props: ['fields', 'rows', 'meta', 'name', 'canDeleteRows', 'canAddRows', 'allowFullscreen', 'hideDisplay'],
 
     inject: ['grid'],