Trigger the grid table mode a bit earlier because it's more useful

Author: jaygeorge

resources/css/components/fieldtypes/grid.css

@@ -55,7 +55,7 @@
                 @apply outline-hidden;
 
                 > td {
-                    @apply border-b px-2 py-3 align-top dark:border-gray-900;
+                    @apply border-b px-1 @2xl:px-2 py-3 align-top dark:border-gray-900;
 
                     &:first-child.grid-cell {
                         @apply ltr:pl-3 rtl:pr-3;

resources/js/components/fieldtypes/grid/Grid.vue

@@ -86,7 +86,7 @@ export default {
 
     computed: {
         component() {
-            const isNarrow = this.fields.length > 1 && this.containerWidth < 600;
+            const isNarrow = this.fields.length > 1 && this.containerWidth < 550;
 
             return this.config.mode === 'stacked' || isNarrow ? 'GridStacked' : 'GridTable';
         },