Bug 38899: (QA follow-up) Match buttons to patron toolbar

Signed-off-by: Jonathan Druart <jonathan.druart@bugs.koha-community.org>
Signed-off-by: Lucas Gass <lucas@bywatersolutions.com>
(cherry picked from commit 4fc93fee00)
Signed-off-by: Paul Derscheid <paul.derscheid@lmscloud.de>

koha-tmpl/intranet-tmpl/prog/js/vue/components/ButtonSubmit.vue

@@ -1,5 +1,8 @@
 <template>
-    <input type="submit" class="btn btn-primary" :value="text" />
+    <button type="submit" class="btn btn-primary">
+        <font-awesome-icon v-if="icon" :icon="icon" />
+        {{ text }}
+    </button>
 </template>
 
 <script>
@@ -11,6 +14,10 @@ export default {
             default: __("Submit"),
             required: false,
         },
+        icon: {
+            type: String,
+            required: false,
+        },
     },
 };
 </script>

koha-tmpl/intranet-tmpl/prog/js/vue/components/Vendors/VendorFormAdd.vue

@@ -7,11 +7,12 @@
         <h1 v-else>{{ $__("Add vendor") }}</h1>
         <form @submit="onSubmit($event)" id="add_vendor">
             <Toolbar :sticky="true">
-                <ButtonSubmit :text="$__('Save')" />
+                <ButtonSubmit :text="$__('Save')" icon="save" />
                 <ToolbarButton
                     :to="{ name: 'VendorList' }"
                     :title="$__('Cancel')"
                     icon="times"
+                    cssClass="btn btn-link"
                 >
                 </ToolbarButton>
             </Toolbar>

koha-tmpl/intranet-tmpl/prog/js/vue/modules/acquisitions.ts

@@ -13,6 +13,7 @@ import {
     faSpinner,
     faTrash,
     faTimes,
+    faSave,
 } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
 import vSelect from "vue-select";
@@ -26,7 +27,8 @@ library.add(
     faPlus,
     faSpinner,
     faTrash,
-    faTimes
+    faTimes,
+    faSave
 );
 
 import App from "../components/Vendors/Main.vue";