diff --git a/assets/linker/styles/app.less b/assets/linker/styles/app.less index d174658..e439d03 100644 --- a/assets/linker/styles/app.less +++ b/assets/linker/styles/app.less @@ -9,7 +9,7 @@ body { margin-bottom: @footer-height; } #page { - padding-bottom: 20px; + padding-bottom: 60px; section { background-color: transparent; position: relative; @@ -22,10 +22,11 @@ body { box-shadow: 0 0 15px #000; .step-num { - font-size: 6em; text-align: center; - text-shadow: -2px -2px 2px #000; - color: orange; + text-shadow: 2px 2px 8px #fff; + span { + font-size: 6em; + } } h2 { @@ -40,6 +41,12 @@ body { margin: 5px 0; } + &.name { + input { + margin-top: 16px; + } + } + &.invitees { input { margin: 0; @@ -60,6 +67,14 @@ body { } } + &.submit { + border: none; + box-shadow: none; + .btn { + font-size: 6em; + } + } + >div { position: relative; z-index: 2; @@ -91,7 +106,8 @@ footer { color: #fff; padding: 20px 0; font-size: 3em; - text-shadow: 2px 2px 2px #333; + text-shadow: 4px 4px 6px #000; + text-transform: uppercase; } } .create-order-form { diff --git a/assets/linker/templates/create-run.jade b/assets/linker/templates/create-run.jade index 5379712..041a1df 100644 --- a/assets/linker/templates/create-run.jade +++ b/assets/linker/templates/create-run.jade @@ -1,39 +1,41 @@ div.create-run-form(ng-controller='CreateRunCtrl') form(name='form',novalidate,role='form') - h1.text-center start a new lunch run! - section + h1.text-center + | start a new lunch run + section.name .bg   .container .row - .col-xs-1.step-num 1} - .col-xs-11 + .col-xs-2.step-num + span.glyphicon.glyphicon-info-sign + .col-xs-10 input#name.form-control(type='text',ng-model='run.name',required,placeholder='Name your run') section .bg   .container - h2.text-center who are you? .row - .col-xs-1.step-num 2} - .col-xs-11 + .col-xs-2.step-num + span.glyphicon.glyphicon-user + .col-xs-10 input#creatorName.form-control(type='text',ng-model='run.creatorName',required,placeholder='Your name') input#creatorEmail.form-control(type='email',ng-model='run.creatorEmail',required,placeholder='Your email') section .bg   .container - h2.text-center where are you going? .row - .col-xs-1.step-num 3} - .col-xs-11 + .col-xs-2.step-num + span.glyphicon.glyphicon-map-marker + .col-xs-10 input#restaurant.form-control(type='text',ng-model='run.restaurant',placeholder='Restaurant') input#menuUrl.form-control(type='url',ng-model='run.menuUrl',placeholder='Menu URL') section.invitees .bg   .container - h2.text-center who's going? .row - .col-xs-1.step-num 4} - .col-xs-11 + .col-xs-2.step-num + span.glyphicon.glyphicon-list + .col-xs-10 .invitee(ng-repeat='i in run.invitees') input.form-control(ng-model='i.name',required,placeholder='Name') input.form-control(ng-model='i.email',required,placeholder='Email') @@ -43,9 +45,8 @@ div.create-run-form(ng-controller='CreateRunCtrl') button.btn.btn-default(ng-click='addInvitee()') span.glyphicon.glyphicon-plus | Invite another! - -// - .clearfix - button.btn.btn-lg.btn-primary.btn-block(ng-click="create(run)",ng-disabled="form.$invalid") - | Create + section.submit + .container + button.btn.btn-lg.btn-primary.btn-block(ng-click="create(run)",ng-disabled="form.$invalid") + | Create