From 5155da6fa46f7a09b347deefd26e950a103be426 Mon Sep 17 00:00:00 2001
From: Luke Childs <lukechilds123@gmail.com>
Date: Wed, 7 Sep 2016 17:52:01 +0100
Subject: [PATCH] Add flag icons to listing page

---
 assets/style.css   | 6 ++++++
 views/listing.html | 8 +++++++-
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/assets/style.css b/assets/style.css
index 4e8a25c..c8c8a10 100644
--- a/assets/style.css
+++ b/assets/style.css
@@ -144,6 +144,12 @@ td:first-child {
   display: none;
 }
 
+table i {
+  display: inline-block;
+  max-width: 1em;
+  overflow: hidden;
+}
+
 /* Node page */
 .node-title {
   float: left;
diff --git a/views/listing.html b/views/listing.html
index 72fd0ee..593afdd 100644
--- a/views/listing.html
+++ b/views/listing.html
@@ -27,7 +27,13 @@
             <td>{{ node | bandwidth }}</td>
             <td>{{ node | uptime }}</td>
             <td>{{ node.country_name }}</td>
-            <td>{{ node.flags | join(', ') }}</td>
+            <td>
+              {% if node.flags.length %}
+                {% for flag in node.flags %}
+                  <i class="icon-{{ flag | lower }}" title="{{ flag }}">{{ flag }}</i>
+                {% endfor %}
+              {% endif %}
+            </td>
             <td>{{ node.type | title }}</td>
           </tr>
           {% endfor %}