From 79a9f95b02ec6319ce929c0fe7c182058ca8a406 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Laura=20Kl=C3=BCnder?= <laura@codingcatgirl.de>
Date: Wed, 15 Nov 2017 14:45:04 +0100
Subject: [PATCH] add location icon to autocomplete

---
 src/c3nav/site/static/site/css/c3nav.css | 3 ++-
 src/c3nav/site/static/site/js/c3nav.js   | 4 +++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/c3nav/site/static/site/css/c3nav.css b/src/c3nav/site/static/site/css/c3nav.css
index 089b134f..35850543 100644
--- a/src/c3nav/site/static/site/css/c3nav.css
+++ b/src/c3nav/site/static/site/css/c3nav.css
@@ -110,7 +110,8 @@ main:not([data-view=route-result]) #route-result-buttons{
 }
 
 .location {
-    padding: 5px 10px;
+    position: relative;
+    padding: 5px 10px 5px 53px;
     height: 55px;
 }
 .location .icon {
diff --git a/src/c3nav/site/static/site/js/c3nav.js b/src/c3nav/site/static/site/js/c3nav.js
index 369bc03a..b42ca8c8 100644
--- a/src/c3nav/site/static/site/js/c3nav.js
+++ b/src/c3nav/site/static/site/js/c3nav.js
@@ -212,7 +212,9 @@ c3nav = {
         $.getJSON('/api/locations/?searchable', function (data) {
             for (var i = 0; i < data.length; i++) {
                 var location = data[i];
-                location.elem = $('<div class="location">').append($('<span>').text(location.title))
+                location.elem = $('<div class="location">')
+                    .append($('<i class="icon material-icons">').text('place'))
+                    .append($('<span>').text(location.title))
                     .append($('<small>').text(location.subtitle)).attr('data-id', location.id)[0].outerHTML;
                 location.title_words = location.title.toLowerCase().split(/\s+/);
                 location.match = ' ' + location.title_words.join(' ') + ' ';