From a96d496c9b8860e493f2d6993ba033b13b8b8b80 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

Signed-off-by: Owen Leonard <oleonard@myacpl.org>

Signed-off-by: Kyle M Hall <kyle@bywatersolutions.com>
---
 .../intranet-tmpl/prog/css/staff-global.css   | 12 ++++++++++
 .../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 7a594b152c..09ff34db4a 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 7c5159e3b3..198b0296d4 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"></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"></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"></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"></i>
+                                            </a>
                                         </td>
 
                                         <td>[% ActionsLoo.ordering %]</td>
-- 
2.39.5