Refs #3089, use rarr/larr instead of right/left arrow images in visitor profile.

4 files changed, 11 insertions, 4 deletions

diff --git a/plugins/Live/images/black_arr_l.png b/plugins/Live/images/black_arr_l.png
deleted file mode 100644
index f6de6b7fba..0000000000
--- a/plugins/Live/images/black_arr_l.png
+++ /dev/null
diff --git a/plugins/Live/images/black_arr_r.png b/plugins/Live/images/black_arr_r.png
deleted file mode 100644
index 284800621c..0000000000
--- a/plugins/Live/images/black_arr_r.png
+++ /dev/null
diff --git a/plugins/Live/stylesheets/visitor_profile.less b/plugins/Live/stylesheets/visitor_profile.less
index 20ca227992..28d6fe4fee 100644
--- a/plugins/Live/stylesheets/visitor_profile.less
+++ b/plugins/Live/stylesheets/visitor_profile.less
@@ -485,9 +485,16 @@ div.visitor-profile-navigation {
     padding:0 0 0 22px;
 }
 
+.visitor-profile-header {
+    position:relative;
+}
+
 .visitor-profile-prev-visitor {
     display:none;
-    margin-left:-10px;
+    position:absolute;
+    right:100%;
+    bottom:0;
+    margin-right:2px;
 }
 
 .visitor-profile-next-visitor {
diff --git a/plugins/Live/templates/getVisitorProfilePopup.twig b/plugins/Live/templates/getVisitorProfilePopup.twig
index bb30a5ee5f..293a77345d 100644
--- a/plugins/Live/templates/getVisitorProfilePopup.twig
+++ b/plugins/Live/templates/getVisitorProfilePopup.twig
@@ -16,10 +16,10 @@
                         <img src="plugins/Live/images/paperclip.png" alt=""/>
                     </div>
                     <div>
-                        <div>
-                            {% if visitorData.prevVisitorId is not empty %}<a class="visitor-profile-prev-visitor" href="#" title="{{ 'Live_PreviousVisitor'|translate }}"><img src="plugins/Live/images/black_arr_l.png"/></a>{% endif %}
+                        <div class="visitor-profile-header">
+                            {% if visitorData.prevVisitorId is not empty %}<a class="visitor-profile-prev-visitor" href="#" title="{{ 'Live_PreviousVisitor'|translate }}">&larr;</a>{% endif %}
                             <h1>{{ 'Live_VisitorProfile'|translate }} <img class="loadingPiwik" style="display:none;" src="plugins/Zeitgeist/images/loading-blue.gif"/></h1>
-                            {% if visitorData.nextVisitorId is not empty %}<a class="visitor-profile-next-visitor" href="#" title="{{ 'Live_NextVisitor'|translate }}"><img src="plugins/Live/images/black_arr_r.png"/></a>{% endif %}
+                            {% if visitorData.nextVisitorId is not empty %}<a class="visitor-profile-next-visitor" href="#" title="{{ 'Live_NextVisitor'|translate }}">&rarr;</a>{% endif %}
                         </div>
                         <div class="visitor-profile-latest-visit">
                             {% include "@Live/getSingleVisitSummary.twig" with {'visitData': visitorData.lastVisits.getFirstRow().getColumns()} %}