From 3678c9d9df7bc28591e8b2b92fe04e78a445a599 Mon Sep 17 00:00:00 2001
From: Ben Ramey <ben.ramey@gmail.com>
Date: Mon, 7 Apr 2014 22:15:45 -0500
Subject: [PATCH] Finish create run styles

---
 assets/linker/styles/app.less           | 23 +++++++++++++--
 assets/linker/styles/forms.less         | 39 +++++++++++++++++++++----
 assets/linker/templates/create-run.jade | 16 +++++-----
 assets/linker/templates/nav.jade        |  6 ++++
 4 files changed, 66 insertions(+), 18 deletions(-)
 create mode 100644 assets/linker/templates/nav.jade

diff --git a/assets/linker/styles/app.less b/assets/linker/styles/app.less
index 1c997b8..b565bf2 100644
--- a/assets/linker/styles/app.less
+++ b/assets/linker/styles/app.less
@@ -3,7 +3,24 @@
 @import "home.less";
 @import "header-footer.less";
 @import "forms.less";
-
-#page {
-    padding-bottom: 60px;
+body {
+    color: #fff;
+}
+#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;
+        }
+    }
 }
diff --git a/assets/linker/styles/forms.less b/assets/linker/styles/forms.less
index efa46e7..10222e1 100644
--- a/assets/linker/styles/forms.less
+++ b/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 {
-        color: #fff;
-        padding: 20px 0;
-        font-size: 3em;
-        text-shadow: 4px 4px 6px #000;
-        text-transform: uppercase;
+    .invitee {
+        input, .btn {
+            width: auto;
+            float: left;
+        }
+        input {
+            margin-right: 10px;
+        }
+    }
+    .btn-default {
+        font-size: 2em;
     }
 }
 .create-order-form {
diff --git a/assets/linker/templates/create-run.jade b/assets/linker/templates/create-run.jade
index b8aae03..f80cd84 100644
--- a/assets/linker/templates/create-run.jade
+++ b/assets/linker/templates/create-run.jade
@@ -1,16 +1,16 @@
-div.create-run-form(ng-controller='CreateRunCtrl')
-    form.container(name='form',novalidate,role='form')
-        h1.text-center
-            | start a new lunch run
+div.interior.create-run-form(ng-controller='CreateRunCtrl')
+    include nav
+    h1
+        span.glyphicon.glyphicon-chevron-right
+        | start a new lunch run
+    form.interior-content(name='form',novalidate,role='form')
         section.name
-            .bg &nbsp;
             .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 &nbsp;
             .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 &nbsp;
             .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 &nbsp;
             .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)') 
diff --git a/assets/linker/templates/nav.jade b/assets/linker/templates/nav.jade
new file mode 100644
index 0000000..1002b0d
--- /dev/null
+++ b/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