Fix styling on details page

This commit is contained in:
Rob H
2014-08-20 13:27:32 +10:00
parent c53df00969
commit 843c6ea6a6
2 changed files with 17 additions and 18 deletions

View File

@@ -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  
.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' }

View File

@@ -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