Massively improved styling of product pages

templates/content.html

@@ -1,7 +1,8 @@
 <link rel="stylesheet" href="{{ url_for('static', filename='css/products.css') }}">
 
-<div class="product-container">
-    {% if products != None %}
+{% if products != None %}
+    <p>Showing results for {{products|count}} products</p>
+    <div class="product-container">
         {% for product in products %}
             <a href="/products/{{product.id}}" class="product product-link">
                 <div class="product-title">{{product.name}}</div>
@@ -16,5 +17,7 @@
                 <input type="submit" class="product-add-to-cart" value="Add to Cart" />
             </a>
         {% endfor %}
-    {% endif %}
-</div>
+    </div>
+{% else %}
+    <p>Sorry... We have nothing to show here!</p>
+{% endif %}