From 0a5b2a5cdbe1033405dfffab6c082e5f21aca1ba Mon Sep 17 00:00:00 2001
From: Lukas Winkler <l.winkler23@mailbox.org>
Date: Wed, 29 Mar 2017 17:29:40 +0200
Subject: [PATCH] light border around flags in goals and live view

---
 plugins/Goals/stylesheets/goals.css                  | 5 +++++
 plugins/Live/stylesheets/live.less                   | 5 +++++
 plugins/Live/templates/_dataTableViz_visitorLog.twig | 2 +-
 3 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/plugins/Goals/stylesheets/goals.css b/plugins/Goals/stylesheets/goals.css
index 220f57e3d23..7fbb35d2b02 100644
--- a/plugins/Goals/stylesheets/goals.css
+++ b/plugins/Goals/stylesheets/goals.css
@@ -32,6 +32,11 @@ ul.ulGoalTopElements li {
     list-style-type: circle;
 }
 
+ul.ulGoalTopElements img {
+    border: 1px solid lightgray;
+    box-sizing: content-box;
+}
+
 .ulGoalTopElements a {
     text-decoration: none;
     color: #0033CC;
diff --git a/plugins/Live/stylesheets/live.less b/plugins/Live/stylesheets/live.less
index c471009e50c..309b93ceccc 100644
--- a/plugins/Live/stylesheets/live.less
+++ b/plugins/Live/stylesheets/live.less
@@ -297,6 +297,11 @@ a.visitor-log-visitor-profile-link {
     height: 16px;
 }
 
+.visitorLogIconWithDetails.flag>img {
+    border: 1px solid lightgray;
+    box-sizing: content-box;
+}
+
 .visitorLogIcons>span.visitorRank>img {
     margin: auto 0;
 }
diff --git a/plugins/Live/templates/_dataTableViz_visitorLog.twig b/plugins/Live/templates/_dataTableViz_visitorLog.twig
index 477180e22d2..5281f9974ff 100644
--- a/plugins/Live/templates/_dataTableViz_visitorLog.twig
+++ b/plugins/Live/templates/_dataTableViz_visitorLog.twig
@@ -158,7 +158,7 @@ GPS (lat/long): {{ visitor.getColumn('latitude') }},{{ visitor.getColumn('longit
                     </span>
                 {% endif %}
                 {% if visitor.getColumn('countryFlag') %}
-                    <span class="visitorLogIconWithDetails">
+                    <span class="visitorLogIconWithDetails flag">
 
                         <img height="16px" src="{{ visitor.getColumn('countryFlag') }}"/>
                         {% if visitor.getColumn('city') %}{{ visitor.getColumn('city')|rawSafeDecoded }}{% endif -%}