From 26d6ac5a8d619a7a60ebef8ac149a83092fb7014 Mon Sep 17 00:00:00 2001
From: summerscope <summerscope@gmail.com>
Date: Fri, 11 Jul 2014 14:50:40 +1000
Subject: [PATCH] Styling no results message for shopfront

---
 app/assets/stylesheets/darkswarm/active_table.css.sass |  7 ++++---
 app/views/shop/products/_form.html.haml                | 10 ++++++----
 2 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/app/assets/stylesheets/darkswarm/active_table.css.sass b/app/assets/stylesheets/darkswarm/active_table.css.sass
index fffc6d9347..a08f2c794b 100644
--- a/app/assets/stylesheets/darkswarm/active_table.css.sass
+++ b/app/assets/stylesheets/darkswarm/active_table.css.sass
@@ -2,6 +2,10 @@
 @import mixins
 @import "compass/css3/user-interface"
 
+
+.no-results
+  font-size: 1.875rem
+
 .active_table
   margin: 2em 0em
   @include user-select(none)
@@ -10,9 +14,6 @@
     &:first-child
       cursor: pointer
       padding: 1rem 0
-  
-  .no-results
-    font-size: 1.875rem
 
 .active_table .active_table_node
   display: block
diff --git a/app/views/shop/products/_form.html.haml b/app/views/shop/products/_form.html.haml
index ecd693d8ad..37ae4e61d6 100644
--- a/app/views/shop/products/_form.html.haml
+++ b/app/views/shop/products/_form.html.haml
@@ -32,11 +32,13 @@
           .small-12.columns.text-center
             Loading products
 
-      %product{"ng-show" => "filteredProducts.length == 0 && !Product.loading"}
+      %div{"ng-show" => "filteredProducts.length == 0 && !Product.loading"}
         .row.summary
-          .small-12.columns.text-center
-            No results for {{ query }}
-
+          .small-12.columns
+            %p.no-results
+              Sorry, no results found for
+              %strong {{query}}.
+              Try another search?
     .row
       .small-12.columns
         %input.button.primary.right.add_to_cart{type: :submit, value: "Add to Cart"}