Make the QuickForm Cancel button not rounded

resources/js/components/formElements/ButtonBackCloseCancel.vue

@@ -26,12 +26,17 @@
             type: Boolean,
             default: false
         },
+        isRounded: {
+            type: Boolean,
+            default: true
+        },
     })
 
-    const classes = 'button is-rounded'
+    const classes = 'button'
         + (mode.value === 'dark' && ! props.isText && ! props.isCapture ? ' is-dark' : '')
         + (props.isText ? ' is-text' : '')
         + (props.isCapture ? ' is-large is-warning' : '')
+        + (props.isRounded ? ' is-rounded' : '')
 </script>
 
 <template>

resources/js/views/twofaccounts/CreateUpdate.vue

@@ -442,7 +442,7 @@
                             <div class="control">
                                 <VueButton :isLoading="form.isBusy" >{{ $t('commons.save') }}</VueButton>
                             </div>
-                            <ButtonBackCloseCancel action="cancel" :isText="true" :useLinkTag="false" @canceled="cancelCreation" />
+                            <ButtonBackCloseCancel action="cancel" :isText="true" :isRounded="false" :useLinkTag="false" @canceled="cancelCreation" />
                         </div>
                     </div>
                 </div>