From 539866d1924b4c0fc492b4fd515fd3b307be4666 Mon Sep 17 00:00:00 2001
From: Jonathan Druart <jonathan.druart@bugs.koha-community.org>
Date: Wed, 23 Mar 2022 12:30:32 +0100
Subject: [PATCH] Bug 32030: ERM - Correctly style "Edit" and "Delete"

And add a whitespace between them.

Signed-off-by: Jonathan Field <jonathan.field@ptfs-europe.com>

Signed-off-by: Martin Renvoize <martin.renvoize@ptfs-europe.com>
Signed-off-by: Kyle M Hall <kyle@bywatersolutions.com>
Signed-off-by: Tomas Cohen Arazi <tomascohen@theke.io>
---
 .../prog/js/vue/components/ERM/AgreementsButtonDelete.vue    | 4 +++-
 .../prog/js/vue/components/ERM/AgreementsButtonEdit.vue      | 4 +++-
 .../prog/js/vue/components/ERM/AgreementsList.vue            | 5 +++--
 3 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/koha-tmpl/intranet-tmpl/prog/js/vue/components/ERM/AgreementsButtonDelete.vue b/koha-tmpl/intranet-tmpl/prog/js/vue/components/ERM/AgreementsButtonDelete.vue
index 6f82ae9aed..c03df66837 100644
--- a/koha-tmpl/intranet-tmpl/prog/js/vue/components/ERM/AgreementsButtonDelete.vue
+++ b/koha-tmpl/intranet-tmpl/prog/js/vue/components/ERM/AgreementsButtonDelete.vue
@@ -1,5 +1,7 @@
 <template>
-    <button variant="default" size="sm">Delete</button>
+    <a class="btn btn-default btn-xs" role="button"
+        ><i class="fa fa-trash" aria-hidden="true" /> Delete</a
+    >
 </template>
 
 <script>
diff --git a/koha-tmpl/intranet-tmpl/prog/js/vue/components/ERM/AgreementsButtonEdit.vue b/koha-tmpl/intranet-tmpl/prog/js/vue/components/ERM/AgreementsButtonEdit.vue
index ea7f6a671f..160677004f 100644
--- a/koha-tmpl/intranet-tmpl/prog/js/vue/components/ERM/AgreementsButtonEdit.vue
+++ b/koha-tmpl/intranet-tmpl/prog/js/vue/components/ERM/AgreementsButtonEdit.vue
@@ -1,5 +1,7 @@
 <template>
-    <button variant="default" size="sm">Edit</button>
+    <a class="btn btn-default btn-xs" role="button"
+        ><i class="fa fa-pencil" aria-hidden="true" /> Edit</a
+    >
 </template>
 
 <script>
diff --git a/koha-tmpl/intranet-tmpl/prog/js/vue/components/ERM/AgreementsList.vue b/koha-tmpl/intranet-tmpl/prog/js/vue/components/ERM/AgreementsList.vue
index 329ac462f8..f0ee2e12b9 100644
--- a/koha-tmpl/intranet-tmpl/prog/js/vue/components/ERM/AgreementsList.vue
+++ b/koha-tmpl/intranet-tmpl/prog/js/vue/components/ERM/AgreementsList.vue
@@ -132,12 +132,13 @@ export default {
                     "data": function (row, type, val, meta) {
                         return '<div class="actions" data-agreement_id="' + row.agreement_id + '"></div>'
                     },
+                    "className": "actions noExport",
                     "searchable": false,
                     "orderable": false
                 }
             ],
             drawCallback: function (settings) {
-                $.each($(this).find(".actions"), function (index, e) {
+                $.each($(this).find("td .actions"), function (index, e) {
                     let agreement_id = $(e).data('agreement_id')
                     let editButton = createVNode(AgreementsButtonEdit, {
                         onClick: () => {
@@ -149,7 +150,7 @@ export default {
                             delete_agreement(agreement_id)
                         }
                     })
-                    let n = createVNode('span', {}, [editButton, deleteButton])
+                    let n = createVNode('span', {}, [editButton, " ", deleteButton])
                     render(n, e)
                 })
             },
-- 
2.39.2