From a158aa0ad770ddf3ea64a1fdf2c5c278d3f33df7 Mon Sep 17 00:00:00 2001
From: Kyle M Hall <kyle@bywatersolutions.com>
Date: Fri, 17 Jun 2016 15:37:24 +0000
Subject: [PATCH] Bug 16148 [Follow-up] - Use Font Awesome for arrows instead
 of images

---
 koha-tmpl/intranet-tmpl/prog/css/staff-global.css  | 12 ++++++++++++
 .../modules/tools/marc_modification_templates.tt   | 22 +++++++++++-----------
 2 files changed, 23 insertions(+), 11 deletions(-)

diff --git a/koha-tmpl/intranet-tmpl/prog/css/staff-global.css b/koha-tmpl/intranet-tmpl/prog/css/staff-global.css
index 7a594b1..09ff34db4 100644
--- a/koha-tmpl/intranet-tmpl/prog/css/staff-global.css
+++ b/koha-tmpl/intranet-tmpl/prog/css/staff-global.css
@@ -2719,3 +2719,15 @@ div.rules {
 div[class$="_table_controls"] {
     padding: .7em 0;
 }
+
+.underline {
+    text-decoration: underline;
+}
+
+.overline {
+    text-decoration: overline;
+}
+
+.order-control {
+    padding-right: 5px;
+}
diff --git a/koha-tmpl/intranet-tmpl/prog/en/modules/tools/marc_modification_templates.tt b/koha-tmpl/intranet-tmpl/prog/en/modules/tools/marc_modification_templates.tt
index 7c5159e..58d1c80 100644
--- a/koha-tmpl/intranet-tmpl/prog/en/modules/tools/marc_modification_templates.tt
+++ b/koha-tmpl/intranet-tmpl/prog/en/modules/tools/marc_modification_templates.tt
@@ -113,20 +113,20 @@
                                     <tr>
                                         <td class="actions">
                                             <a title="Move action up" href="marc_modification_templates.pl?op=move_action&amp;where=up&amp;template_id=[% ActionsLoo.template_id %]&amp;mmta_id=[% ActionsLoo.mmta_id %]">
-                                            <img src="[% interface %]/[% theme %]/img/go-up.png" alt="Move action up" />
-                                                </a>
+                                                <i class="fa fa-arrow-up fa-lg order-control" aria-hidden="true"></i>
+                                            </a>
 
-                                        <a title="Move action to top" href="marc_modification_templates.pl?op=move_action&amp;where=top&amp;template_id=[% ActionsLoo.template_id %]&amp;mmta_id=[% ActionsLoo.mmta_id %]">
-                                            <img src="[% interface %]/[% theme %]/img/go-top.png" alt="Move action to the top" />
-                                                </a>
+                                            <a title="Move action to top" href="marc_modification_templates.pl?op=move_action&amp;where=top&amp;template_id=[% ActionsLoo.template_id %]&amp;mmta_id=[% ActionsLoo.mmta_id %]">
+                                                <i class="fa fa-arrow-up fa-lg overline order-control" aria-hidden="true"></i>
+                                            </a>
 
-                                                <a title="Move action to bottom" href="marc_modification_templates.pl?op=move_action&amp;where=bottom&amp;template_id=[% ActionsLoo.template_id %]&amp;mmta_id=[% ActionsLoo.mmta_id %]">
-                                            <img src="[% interface %]/[% theme %]/img/go-bottom.png" alt="Move action to the bottom" />
-                                                </a>
+                                            <a title="Move action to bottom" href="marc_modification_templates.pl?op=move_action&amp;where=bottom&amp;template_id=[% ActionsLoo.template_id %]&amp;mmta_id=[% ActionsLoo.mmta_id %]">
+                                                <i class="fa fa-arrow-down fa-lg underline order-control" aria-hidden="true"></i>
+                                            </a>
 
-                                                <a title="Move action down" href="marc_modification_templates.pl?op=move_action&amp;where=down&amp;template_id=[% ActionsLoo.template_id %]&amp;mmta_id=[% ActionsLoo.mmta_id %]">
-                                            <img src="[% interface %]/[% theme %]/img/go-down.png" alt="Move action down" />
-                                                </a>
+                                            <a title="Move action down" href="marc_modification_templates.pl?op=move_action&amp;where=down&amp;template_id=[% ActionsLoo.template_id %]&amp;mmta_id=[% ActionsLoo.mmta_id %]">
+                                                <i class="fa fa-arrow-down fa-lg order-control" aria-hidden="true"></i>
+                                            </a>
                                         </td>
 
                                         <td>[% ActionsLoo.ordering %]</td>
-- 
2.1.4