Button (page action) styling

assets/linker/styles/app.less

@@ -6,7 +6,6 @@
 @import "nav.less";
 @import "header-footer.less";
 @import "update-order.less";
-@import "buttons.less";
 
 body {
     color: #fff;

assets/linker/styles/buttons.less

@@ -1,13 +0,0 @@
-.run-nav {
-    box-shadow: 5px 5px 10px #222;
-    .run-nav-btn {
-        font-size: 24px;
-        border-radius: 0;
-        text-align: center;
-        background-color: darkolivegreen;
-        color: white;
-        margin-right: 1px;
-        padding: 10px 20px;
-    }
-}
-   

assets/linker/styles/header-footer.less

@@ -1,3 +1,21 @@
+.page-actions {
+    float: right;
+    padding: 30px 0;
+
+    .run-actions {
+        box-shadow: 2px 2px 8px black; 
+        .run-actions-btn {
+            font-size: 24px;
+            border-radius: 0;
+            text-align: center;
+            background-color: darkolivegreen;
+            color: white;
+            margin-right: 2px;
+            padding: 5px 20px;
+        }
+    }
+}
+
 footer {
     position: absolute;
     bottom: 0;

assets/linker/styles/run.less

@@ -30,6 +30,6 @@
     }
 
 }
-.run-show-run-nav a.back-to-run {
+.run-show-actions a.back-to-run {
     display: none;
 }

assets/linker/templates/includes/run-actions.jade

@@ -0,0 +1,5 @@
+div.run-actions.btn-group
+    a.btn.run-actions-btn.back-to-run(href='/#/run/{{ run.id }}',title='Back to Run')
+        span.glyphicon.glyphicon-share-alt
+    a.btn.run-actions-btn(href='{{ run.menuUrl }}',target="_blank",data-toggle='modal',data-target='#menuModal',ng-show='showMenuUrl',title='Show menu')
+        span.glyphicon.glyphicon-list-alt

assets/linker/templates/includes/run-nav.jade

@@ -1,5 +0,0 @@
-div.run-nav.btn-group
-    a.btn.run-nav-btn.back-to-run(href='/#/run/{{ run.id }}',title='Back to Run')
-        span.glyphicon.glyphicon-share-alt
-    a.btn.run-nav-btn(href='{{ run.menuUrl }}',target="_blank",data-toggle='modal',data-target='#menuModal',ng-show='showMenuUrl',title='Show menu')
-        span.glyphicon.glyphicon-list-alt

assets/linker/templates/invitee/update-order.jade

@@ -4,9 +4,9 @@ block pagetitle
     span.glyphicon.glyphicon-list.title-icon
     span.text-muted Enter your order for: 
     a(href='/#/run/{{ run.id }}') {{ run.name }}
-    .pull-right
-        include ../includes/run-nav
-            
+
+block pageactions
+    include ../includes/run-actions
 
 block interiorcontent
     div(ng-show='show')

assets/linker/templates/layouts/interior-page.jade

@@ -3,8 +3,13 @@
         a(href='/')
             | lunch run
             span.text-muted |me
-    h1
-        block pagetitle
+    .row
+        .col-xs-12.col-sm-8
+            h1.page-title
+                block pagetitle
+        .col-xs-12.col-sm-4
+            .page-actions
+                block pageactions
 
     block interiorcontent
 

assets/linker/templates/run/show.jade

@@ -4,8 +4,10 @@ block pagetitle
     span.glyphicon.glyphicon-list.title-icon
     span.text-muted Lunch run status:
     |  {{ run.name }}
-    .pull-right.run-show-run-nav
-        include ../includes/run-nav
+
+block pageactions
+    .run-show-actions
+        include ../includes/run-actions
 
 block interiorcontent
     .run-details(ng-show="show")