Add flag icons to listing page

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;

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 %}