Change modal cancel variant

client/web/compose/src/components/Admin/Module/DalSchemaAlterations.vue

@@ -133,9 +133,9 @@
 
     <template #modal-footer>
       <b-button
-        variant="outline-light"
         :disabled="processing"
         class="text-primary border-0"
+        variant="light"
         @click="showModal = false"
       >
         {{ canResolveAlterations ? $t('general:label.cancel') : $t('general:label.close') }}

client/web/compose/src/components/Admin/Module/Records/ColumnPicker.vue

@@ -18,7 +18,7 @@
       size="lg"
       scrollable
       :ok-title="$t('general.label.saveAndClose')"
-      cancel-variant="link"
+      cancel-variant="light"
       title-class="d-flex align-items-center p-0"
       @ok="onSave"
     >

client/web/compose/src/components/Public/Record/BulkEdit/index.vue

@@ -75,15 +75,15 @@
             {{ $t('recordList.bulkRecord.reset') }}
           </b-button>
 
-          <div>
+          <div class="d-flex gap-1">
             <b-button
-              variant="link"
+              variant="light"
               rounded
-              class="text-primary"
               @click="onModalHide"
             >
               {{ $t('general.label.cancel') }}
             </b-button>
+
             <b-button
               variant="primary"
               :disabled="!fields.length || processing"

client/web/compose/src/components/Translator/CTranslatorModal.vue

@@ -20,6 +20,7 @@
         :highlight-key="highlightKey"
         @change="changes=$event"
       />
+
       <template #modal-footer>
         <b-button
           data-test-id="button-submit"

client/web/compose/src/views/Admin/Charts/Edit.vue

@@ -327,7 +327,7 @@
       :ok-title="$t('general:label.saveAndClose')"
       centered
       size="md"
-      cancel-variant="link"
+      cancel-variant="light"
       no-fade
     >
       <b-form-group
@@ -393,7 +393,7 @@
         />
 
         <b-button
-          variant="link"
+          variant="light"
           class="ml-auto"
           :disabled="colorSchemeModal.processing"
           @click="closeColorSchemeModal"
@@ -990,6 +990,7 @@ export default {
   },
 }
 </script>
+
 <style lang="scss">
 
 .chart-preview {

client/web/compose/src/views/Admin/Pages/Builder.vue

@@ -188,7 +188,7 @@
       :ok-title="$t('build.addBlock')"
       ok-variant="primary"
       :ok-disabled="blockEditorOkDisabled"
-      cancel-variant="link"
+      cancel-variant="light"
       :cancel-title="$t('block.general.label.cancel')"
       size="xl"
       :visible="showCreator"
@@ -268,8 +268,8 @@
 
         <div>
           <b-button
-            variant="link"
-            class="text-decoration-none"
+            variant="light"
+            class="mr-2"
             @click="cancel()"
           >
             {{ $t('label.cancel') }}

client/web/compose/src/views/Admin/Pages/Edit.vue

@@ -373,7 +373,7 @@
       :ok-title="$t('general:label.saveAndClose')"
       ok-variant="primary"
       :ok-disabled="!layoutEditor.layout.meta.title"
-      cancel-variant="link"
+      cancel-variant="light"
       size="xl"
       scrollable
       no-fade
@@ -758,12 +758,12 @@
 
         <div class="ml-auto">
           <b-button
-            variant="link"
-            class="text-primary"
+            variant="light"
             @click="closeIconModal"
           >
             {{ $t('general:label.cancel') }}
           </b-button>
+
           <b-button
             variant="primary"
             class="ml-2"
@@ -773,6 +773,7 @@
           </b-button>
         </div>
       </template>
+
       <b-form-group
         :label="$t('icon.upload')"
         label-class="text-primary"