Adding padding class and apply to templates to have required padding for new footer.

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

@@ -8,8 +8,6 @@
   background-image: url("/assets/groups.svg")
   background-position: center 15px
   background-repeat: no-repeat
-  padding-bottom: 20px
-
   a > .group-name
     &:hover, &:focus, &:active
       text-decoration: underline

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

@@ -12,7 +12,6 @@
 @import shop-popovers
 
 .darkswarm
-
   products
     display: block
     padding-top: 20px

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

@@ -105,6 +105,9 @@ ul.check-list
 .not-bold
   font-weight: normal
 
+.footer-pad
+  padding-bottom: 100px
+
   
 // These selectors match the default Foundation selectors
 // For clean overriden magic

app/views/checkout/edit.html.haml

@@ -1,6 +1,6 @@
 = inject_enterprises
 
-.darkswarm
+.darkswarm.footer-pad
   - content_for :order_cycle_form do
 
     %closing Checkout now

app/views/groups/index.html.haml

@@ -3,7 +3,7 @@
 :javascript
   angular.module('Darkswarm').value('groups', #{render partial: "json/groups", object: @groups})
 
-#groups.pad-top{"ng-controller" => "GroupsCtrl"}
+#groups.pad-top.footer-pad{"ng-controller" => "GroupsCtrl"}
   #active-table-search.row.pad-top
     .small-12.columns
       %h1 Groups / regions

app/views/groups/show.html.haml

@@ -6,7 +6,7 @@
 -# further hubs and producers of these enterprises can't be resoleved within this small subset
 = inject_json_ams "group_enterprises", @group.enterprises, Api::EnterpriseSerializer, active_distributors: @active_distributors
 
-#group-page.row.pad-top{"ng-controller" => "GroupPageCtrl"}
+#group-page.row.pad-top.footer-pad{"ng-controller" => "GroupPageCtrl"}
   .small-12.columns.pad-top
     %header
       .row

app/views/producers/index.html.haml

@@ -1,5 +1,5 @@
 = inject_enterprises 
-.producers.pad-top{"ng-controller" => "EnterprisesCtrl"}
+.producers.pad-top.footer-pad{"ng-controller" => "EnterprisesCtrl"}
   .row
     .small-12.columns.pad-top
       %h1 Find local producers

app/views/shop/products/_form.html.haml

@@ -1,4 +1,4 @@
-%products.small-12.columns{"ng-controller" => "ProductsCtrl", "ng-show" => "order_cycle.order_cycle_id != null",
+%products.small-12.columns.footer-pad{"ng-controller" => "ProductsCtrl", "ng-show" => "order_cycle.order_cycle_id != null",
 "infinite-scroll" => "incrementLimit()", "infinite-scroll-distance" => "1"}
 
   // TODO: Needs an ng-show to slide content down

app/views/spree/orders/edit.html.haml

@@ -13,7 +13,7 @@
 
   = render partial: "shopping_shared/details"
   
-  %fieldset
+  %fieldset.footer-pad
     - if @order.line_items.empty?
       %div.row{"data-hook" => "empty_cart"}
         %p= t(:your_cart_is_empty)

app/views/spree/orders/show.html.haml

@@ -11,7 +11,7 @@
 
   = render "shopping_shared/details"
 
-  %fieldset#order_summary{"data-hook" => ""}
+  %fieldset#order_summary.footer-pad{"data-hook" => ""}
     .row
       .columns.large-12.text-center
         %h2
@@ -30,3 +30,6 @@
           - unless params.has_key? :checkout_complete
             - if try_spree_current_user && respond_to?(:spree_account_path)
               = link_to t(:my_account), spree_account_path, :class => "button"
+
+
+= render partial: "shared/footer"