Finish create run styles

assets/linker/styles/app.less

@@ -3,7 +3,24 @@
 @import "home.less";
 @import "header-footer.less";
 @import "forms.less";
-
+body {
-#page {
+    color: #fff;
-    padding-bottom: 60px;
+}
+#page {
+    .interior {
+        background-color: rgba(0,0,0,0.8);
+        box-shadow: 0px 0px 20px #000;
+
+        h1 {
+            .glyphicon {
+                vertical-align: text-bottom;
+                margin-right: 10px;
+                font-size: 1.2em;
+            }
+        }
+    
+        .interior-content {
+            padding: 20px 40px;
+        }
+    }
 }

assets/linker/styles/forms.less

@@ -1,10 +1,37 @@
+form {
+    section {
+        margin: 40px 0;
+        
+        .step-num {
+            text-align: center;
+            .glyphicon {
+                font-size: 5em;
+            }
+        }
+    }
+
+    input.form-control {
+        font-size: 2em;
+        height: auto;
+        margin: 0 0 10px 0;
+    }
+
+    .btn-primary {
+        font-size: 4em;
+    }
+}
 .create-run-form {
-    h1 {
+    .invitee {
-        color: #fff;
+        input, .btn {
-        padding: 20px 0;
+            width: auto;
-        font-size: 3em;
+            float: left;
-        text-shadow: 4px 4px 6px #000;
+        }
-        text-transform: uppercase;
+        input {
+            margin-right: 10px;
+        }
+    }
+    .btn-default {
+        font-size: 2em;
     }
 }
 .create-order-form {

assets/linker/templates/create-run.jade

@@ -1,16 +1,16 @@
-div.create-run-form(ng-controller='CreateRunCtrl')
+div.interior.create-run-form(ng-controller='CreateRunCtrl')
-    form.container(name='form',novalidate,role='form')
+    include nav
-        h1.text-center
+    h1
-            | start a new lunch run
+        span.glyphicon.glyphicon-chevron-right
+        | start a new lunch run
+    form.interior-content(name='form',novalidate,role='form')
         section.name
-            .bg  
             .row
                 .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  
             .row
                 .col-xs-2.step-num
                     span.glyphicon.glyphicon-user
@@ -18,7 +18,6 @@ div.create-run-form(ng-controller='CreateRunCtrl')
                     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  
             .row
                 .col-xs-2.step-num 
                     span.glyphicon.glyphicon-map-marker
@@ -27,12 +26,11 @@ div.create-run-form(ng-controller='CreateRunCtrl')
                     input#menuUrl.form-control(type='url',ng-model='run.menuUrl',placeholder='Menu URL')
 
         section.invitees
-            .bg  
             .row
                 .col-xs-2.step-num
                     span.glyphicon.glyphicon-list
                 .col-xs-10
-                    .invitee(ng-repeat='i in run.invitees')
+                    .invitee.clearfix(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')
                         button.btn.btn-warning(ng-click='removeInvitee($index)') 

assets/linker/templates/nav.jade

@@ -0,0 +1,6 @@
+nav.navbar(role='navigation')
+    .container-fluid
+    .collapse.navbar-collapse#main-nav
+        ul.nav.navbar-nav
+            li
+                a(href='/') home