Bug 37762: VueJS framework: Toolbarbutton spacing to consider different css classes

There's no spacing currently, but it's not obvious as the current style
has the same background color as the body.
This adds spacing so even if some buttons have different colors (e.g.
primary or danger) all buttons are spaced correctly.

Signed-off-by: Jason Robb <jrobb@sekls.org>
Signed-off-by: Lisette Scheer <lisette@bywatersolutions.com>
Signed-off-by: Lucas Gass <lucas@bywatersolutions.com>

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

@@ -1,6 +1,8 @@
 <template>
-    <ButtonSubmit v-if="action === 'submit'" v-bind="$props" />
-    <Link v-else v-bind="$props" />
+    <div class="toolbar-button-wrapper">
+        <ButtonSubmit v-if="action === 'submit'" v-bind="$props" />
+        <Link v-else v-bind="$props" />
+    </div>
 </template>
 
 <script>
@@ -39,3 +41,8 @@ export default {
     name: "Toolbar",
 };
 </script>
+<style scoped>
+.toolbar-button-wrapper {
+    margin-right: 5px;
+}
+</style>