diff --git a/assets/linker/styles/forms.less b/assets/linker/styles/forms.less index 3d9b4e6..a5a39f1 100644 --- a/assets/linker/styles/forms.less +++ b/assets/linker/styles/forms.less @@ -6,6 +6,7 @@ form { text-align: center; .glyphicon { font-size: 5em; + margin-bottom: 20px; } } } @@ -25,6 +26,11 @@ form { } } .create-run-form { + .invitees { + .btn-default { + margin-top: 20px; + } + } } .create-order-form { textarea { diff --git a/assets/linker/templates/run/create.jade b/assets/linker/templates/run/create.jade index 14b285a..4bc631f 100644 --- a/assets/linker/templates/run/create.jade +++ b/assets/linker/templates/run/create.jade @@ -8,9 +8,9 @@ block interiorcontent .create-run-form(ng-controller='CreateRunCtrl') form(name='form',novalidate,role='form') section.name.row - .col-xs-2.step-num + .col-xs-12.col-sm-2.step-num span.glyphicon.glyphicon-info-sign - .col-xs-10 + .col-xs-12.col-sm-10 .form-group(ng-class="{'has-error has-feedback': form.Name.$dirty && form.Name.$invalid, 'has-success has-feedback': form.Name.$dirty && form.Name.$valid}") input#name.form-control.input-lg(type='text',ng-model='run.name',required,placeholder='Name your run',name='Name') div(ng-show='form.Name.$dirty && form.Name.$invalid') @@ -19,9 +19,9 @@ block interiorcontent span.glyphicon.glyphicon-ok.form-control-feedback(ng-show="form.Name.$dirty && form.Name.$valid") section.row - .col-xs-2.step-num + .col-xs-12.col-sm-2.step-num span.glyphicon.glyphicon-user - .col-xs-10 + .col-xs-12.col-sm-10 .form-group(ng-class="{'has-error has-feedback': form.CreatorName.$dirty && form.CreatorName.$invalid, 'has-success has-feedback': form.CreatorName.$dirty && form.CreatorName.$valid}") input#creatorName.form-control.input-lg(type='text',ng-model='run.creatorName',required,placeholder='Your name',name='CreatorName') div(ng-show="form.CreatorName.$dirty && form.CreatorName.$invalid") @@ -38,9 +38,9 @@ block interiorcontent span.glyphicon.glyphicon-ok.form-control-feedback(ng-show='form.Email.$dirty && form.Email.$valid') section.row - .col-xs-2.step-num + .col-xs-12.col-sm-2.step-num span.glyphicon.glyphicon-map-marker - .col-xs-10 + .col-xs-12.col-sm-10 .form-group(ng-class="{'has-error has-feedback': form.Restaurant.$dirty && form.Restaurant.$invalid, 'has-success has-feedback': form.Restaurant.$dirty && form.Restaurant.$valid}") input#restaurant.form-control.input-lg(type='text',ng-model='run.restaurant',placeholder='Restaurant',name='Restaurant',required) div(ng-show="form.Restaurant.$dirty && form.Restaurant.$invalid") @@ -52,9 +52,9 @@ block interiorcontent input#menuUrl.form-control.input-lg(type='url',ng-model='run.menuUrl',placeholder='Menu URL') section.invitees.row - .col-xs-2.step-num + .col-xs-12.col-sm-2.step-num span.glyphicon.glyphicon-list - .col-xs-10 + .col-xs-12.col-sm-10 .invitee.clearfix(ng-repeat='i in run.invitees') ng-form(name='inviteeForm') .row @@ -79,9 +79,11 @@ block interiorcontent button.btn.btn-block.btn-lg.btn-warning(ng-click='removeInvitee($index)') span.glyphicon.glyphicon-remove - button.btn.btn-default.btn-lg(ng-click='addInvitee()') - span.glyphicon.glyphicon-plus - | Invite another! + .row + .col-xs-12.col-sm-4 + button.btn.btn-default.btn-lg.btn-block(ng-click='addInvitee()') + span.glyphicon.glyphicon-plus + | Invite another! section.submit button.btn.btn-lg.btn-primary.btn-block(ng-click="create(run)",ng-disabled="form.$invalid")