More styling to filters and search

app/assets/stylesheets/darkswarm/active_table.css.sass

@@ -9,6 +9,9 @@
     display: block
     &:first-child
       cursor: pointer
+  
+  .no-results
+    font-size: 1.875rem
 
 .active_table .active_table_node
   display: block
@@ -18,7 +21,7 @@
     border: 1px solid transparent
     &, & > a.row
       display: block
-      
+
   .active_table_row.link
     border: 0
 

app/views/producers/_filters.html.haml

@@ -27,5 +27,11 @@
       .small-12.large-6.columns
         %shipping-type-selector{results: "shippingTypes"} 
 
-.row.animate-show{"ng-show" => "filtersActive"}
-  %a{"ng-click" => "clearAll()"} Clear all
+    .row.filter-box.animate-show{"ng-show" => "filtersActive && totalActive() > 0"}
+      .small-12.columns
+        %a.button.secondary.small.expand{"ng-click" => "clearAll()"} 
+          %i.ofn-i_009-close
+          Clear all filters
+
+/ .row.animate-show{"ng-show" => "filtersActive"}
+/   %a{"ng-click" => "clearAll()"} Clear all

app/views/producers/index.html.haml

@@ -1,5 +1,5 @@
 = inject_enterprises 
-.producers{"ng-controller" => "ProducersCtrl"}
+.producers.pad-top{"ng-controller" => "ProducersCtrl"}
   .row
     .small-12.columns.pad-top
       %h1 Find local producers
@@ -35,7 +35,11 @@
           .small-12.columns
             = render partial: 'producers/skinny'
             = render partial: 'producers/fat'
-      %producer.active_table_node.row{"ng-show" => "producers.length == 0"}
-        No Results
+            
+        %producer.row{"ng-show" => "producers.length == 0"}
+          %p.no-results
+            Sorry, no results found for
+            %strong {{query}}.
+            Try another search?
 
 = render partial: "shared/footer"