Add fluid publish fields to the top of the Edit Blueprint screen to help layout

Author: jaygeorge

resources/js/components/blueprints/Builder.vue

@@ -17,16 +17,18 @@
         </ui-header>
 
         <ui-panel v-if="showTitle" :heading="__('Settings')">
-            <ui-card>
-                <ui-field :label="__('Title')" :instructions="__('messages.blueprints_title_instructions')" :errors="errors?.title">
-                    <ui-input v-model="blueprint.title" />
-                </ui-field>
-            </ui-card>
-            <ui-card class="mt-2">
-                <ui-field :label="__('Hidden')" :instructions="__('messages.blueprints_hidden_instructions')" :error="errors?.hidden" variant="inline">
-                    <ui-switch v-model="blueprint.hidden" />
-                </ui-field>
-            </ui-card>
+            <div class="publish-fields-fluid publish-fields-fluid--xl-only">
+                <ui-card class="field-w-75">
+                    <ui-field :label="__('Title')" :instructions="__('messages.blueprints_title_instructions')" :errors="errors?.title">
+                        <ui-input v-model="blueprint.title" />
+                    </ui-field>
+                </ui-card>
+                <ui-card class="field-w-25">
+                    <ui-field :label="__('Hidden')" :instructions="__('messages.blueprints_hidden_instructions')" :error="errors?.hidden" variant="inline">
+                        <ui-switch v-model="blueprint.hidden" />
+                    </ui-field>
+                </ui-card>
+            </div>
         </ui-panel>
 
         <Tabs