Display Rails env on landing page in dev and staging

app/assets/stylesheets/search/temp_landing_page.css.scss

@@ -4,6 +4,14 @@
 .landing-page-row {
   padding-top: emCalc(40);
   padding-bottom: emCalc(30);
+
+  #environment {
+    font-size: 110%;
+    font-weight: bold;
+    padding: emCalc(5);
+    border-radius: emCalc(5);
+    background-color: #98ca45;
+  }
 }
 
 .distributor-link-row {
@@ -49,7 +57,7 @@ a.inactive {
   }
 }
 .top-bar-section ul li {
-    float: left;
+  float: left;
 }
 .top-bar-section .divider, .top-bar-section [role="separator"] {
   clear: none;

app/views/home/temp_landing_page.html.haml

@@ -39,6 +39,9 @@
         .large-12.columns.centered
           %h3 WHERE WOULD YOU LIKE TO SHOP?
           %p.secondary Select your hub from the list below
+        - if Rails.env.development? || Rails.env.staging?
+          .large-12.columns.centered
+            #environment= Rails.env.capitalize
 
       - @groups.in_groups_of(4, false) do |row|
         .row.landing-page-row.hub_group{:class => (row.last == @groups.last ? "with-bottom-border" : "")}

spec/features/consumer/temp_landing_page_spec.rb

@@ -61,14 +61,13 @@ feature %q{
     end
 
     it "should grey out hubs that are not in an order cycle" do
-
       create(:simple_order_cycle, distributors: [d1, d3])
       create(:simple_product, distributors: [d1, d2])
 
       visit root_path
 
       page.should have_selector 'a.shop-distributor.active',   text: 'Murandaka'
-      page.should have_selector 'a.shop-distributor.inactive',   text: 'Ballantyne'
+      page.should have_selector 'a.shop-distributor.inactive', text: 'Ballantyne'
       page.should have_selector 'a.shop-distributor.active',   text: "O'Hea Street"
       page.should have_selector 'a.shop-distributor.inactive', text: 'PepperTree Place'
     end