[enh] suggestion rendering

searx/static/css/style.css

@@ -136,3 +136,6 @@ tr:hover td { background: #DDDDDD; }
 }
 
 #results { margin-left: 10px; margin-top: 10px; }
+
+#suggestions { max-width: 50em;}
+#suggestions span { padding: 2px 6px; margin: 2px 4px;  font-size: 0.8em; display: inline-block; background: #E4E4E4; border-radius: 4px; }

searx/templates/results.html

@@ -5,9 +5,12 @@
     {% include 'search.html' %}
 </div>
 <div id="results">
-<div>
+    {% if suggestions %}
-    Number of results: {{ number_of_results }}
+    <div id="suggestions">Suggestions: {% for suggestion in suggestions %}<span>{{ suggestion }}</span>{% endfor %}</div>
-</div>
+    {% endif %}
+    <div>
+        Number of results: {{ number_of_results }}
+    </div>
     {% for result in results %}
         {% if result['template'] %}
             {% include 'result_templates/'+result['template'] %}