Enhance layout

Author: qaiswardag

resources/js/Pages/Jobs/Partials/JobForm.vue

@@ -545,7 +545,7 @@ const handleClearForm = function () {
     // set modal standards
     typeModal.value = "warning";
     gridColumnModal.value = 2;
-    titleModal.value = `Are you certain that you want to clear the form?`;
+    titleModal.value = `Clear the form?`;
     descriptionModal.value =
         "Are you certain that you want to clear the form? The form will be cleared.";
     firstButtonModal.value = "Close";
@@ -2394,7 +2394,7 @@ const pageBuilder = new PageBuilder(store);
                     <button
                         type="button"
                         @click="handleClearForm"
-                        class="myPrimaryDeleteButton"
+                        class="text-myPrimaryErrorColor italic text-xs"
                     >
                         Clear form
                     </button>

resources/js/Pages/Posts/Partials/PostForm.vue

@@ -358,7 +358,7 @@ const handleClearForm = function () {
     // set modal standards
     typeModal.value = "warning";
     gridColumnModal.value = 2;
-    titleModal.value = `Are you certain that you want to clear the form?`;
+    titleModal.value = `Clear the form?`;
     descriptionModal.value =
         "Are you certain that you want to clear the form? The form will be cleared.";
     firstButtonModal.value = "Close";
@@ -1297,7 +1297,7 @@ const pageBuilder = new PageBuilder(store);
                     <button
                         type="button"
                         @click="handleClearForm"
-                        class="myPrimaryDeleteButton"
+                        class="text-myPrimaryErrorColor italic text-xs"
                     >
                         Clear form
                     </button>

resources/js/Pages/Stores/Partials/StoreForm.vue

@@ -864,7 +864,7 @@ const handleClearForm = function () {
     // set modal standards
     typeModal.value = "warning";
     gridColumnModal.value = 2;
-    titleModal.value = `Are you certain that you want to clear the form?`;
+    titleModal.value = `Clear the form?`;
     descriptionModal.value =
         "Are you certain that you want to clear the form? The form will be cleared.";
     firstButtonModal.value = "Close";
@@ -3138,7 +3138,7 @@ const pageBuilder = new PageBuilder(store);
                     <button
                         type="button"
                         @click="handleClearForm"
-                        class="myPrimaryDeleteButton"
+                        class="text-myPrimaryErrorColor italic text-xs"
                     >
                         Clear form
                     </button>

resources/js/Pages/Superadmin/PageBuilder/Components/Partials/ComponentForm.vue

@@ -285,7 +285,7 @@ const handleClearForm = function () {
     // set modal standards
     typeModal.value = "warning";
     gridColumnModal.value = 2;
-    titleModal.value = `Are you certain that you want to clear the form?`;
+    titleModal.value = `Clear the form?`;
     descriptionModal.value =
         "Are you certain that you want to clear the form? The form will be cleared.";
     firstButtonModal.value = "Close";
@@ -876,9 +876,9 @@ const categoriesSorted = computed(() => {
                     <button
                         type="button"
                         @click="handleClearForm"
-                        class="myPrimaryDeleteButton"
+                        class="text-myPrimaryErrorColor italic text-xs"
                     >
-                        Clear
+                        Clear form
                     </button>
                 </template>
                 <SubmitButton :disabled="postForm.processing" buttonText="Save">