From 843c6ea6a6f947bbdce90b2a89e5e8f74e5d5f90 Mon Sep 17 00:00:00 2001
From: Rob H <oeoeaio@gmail.com>
Date: Wed, 20 Aug 2014 13:27:32 +1000
Subject: [PATCH] Fix styling on details page

---
 .../registration/introduction.html.haml       | 31 ++++++++-----------
 .../darkswarm/registration.css.sass           |  4 +++
 2 files changed, 17 insertions(+), 18 deletions(-)

diff --git a/app/assets/javascripts/templates/registration/introduction.html.haml b/app/assets/javascripts/templates/registration/introduction.html.haml
index bca22b7567..4b208afed1 100644
--- a/app/assets/javascripts/templates/registration/introduction.html.haml
+++ b/app/assets/javascripts/templates/registration/introduction.html.haml
@@ -1,32 +1,27 @@
 %div
-  .row
+  .row.header
     %h2 Hi there!
-  .row
     %h5 This wizard will step you through creating a Profile on the Open Food Network.
   .row
     .small-2.columns &nbsp;
-    .small-10.columns{ style: 'line-height: 150%;'} Your profile gives you an online presence on the Open Food Network, allowing you to easily connect with potential customers or partners. You can always choose to update your info later, as well as choose to upgrade your Profile to and Online Store, where you can sell products, track orders and receive payments.
+    .small-10.columns{ style: 'line-height: 150%;'} Your profile gives you an online presence on the Open Food Network, allowing you to easily connect with potential customers or partners. You can always choose to update your info later, as well as choose to upgrade your Profile to and Online Store, where you can sell products, track orders and receive payments. Creating a profile usually takes about 5-10 minutes.
   %br
-  .row
-    .small-12.columns{ 'data-equalizer' => true }
-      .small-6.columns{ style: 'font-size: 80%' }
-        %span Creating a profile usually takes about 5-10 minutes.
-        %h6 You'll need the following:
-        %ol{ style: 'font-size: 100%' }
+  .row{ 'data-equalizer' => true }
+    .small-6.columns{ 'data-equalizer-watch' => true }
+      %span{ style: 'font-weight: bold;' } You'll need the following:
+      .small-12.columns
+        %ol.numbered-list
           %li Your enterprise address and contact details
           %li Your logo image
           %li A pretty image to serve as your profile header
           %li Some 'About Us' text
-      .small-6.columns{ style: 'background-color: #FFFFFF;'}
-        %h6 Your profile entitles you to:
-        A searchable listing in Hub / Producer view
-        %br
-        A pin on the OFN map to help users find you
+    .small-6.columns{ 'data-equalizer-watch' => true, style: 'background-color: #ffffff; padding-bottom: 10px;'}
+      %h6 Your profile entitles you to:
+      A searchable listing in Hub / Producer view
+      %br
+      A pin on the OFN map to help users find you
   .row
     .large-12.columns
       .row
-        Ready to go?
-      %br
-      .row
-        %input.button.primary{ type: "button", value: "Let's get started!", ng: { click: "select('details')" } }
+        %input.button.primary{ type: "button", value: "Let's get started!", ng: { click: "select('details')" }, style: 'float: right' }
   
\ No newline at end of file
diff --git a/app/assets/stylesheets/darkswarm/registration.css.sass b/app/assets/stylesheets/darkswarm/registration.css.sass
index 58856b4010..33b80157f1 100644
--- a/app/assets/stylesheets/darkswarm/registration.css.sass
+++ b/app/assets/stylesheets/darkswarm/registration.css.sass
@@ -14,6 +14,10 @@
     font-size: 105%
     margin-bottom: 15px
 
+  ol.numbered-list
+    font-size: 80%
+    list-style-type: decimal
+
   #progress-bar
     margin-bottom: 15px
     .item