Streamline of screens.

app/assets/javascripts/app/views/generic/admin/index.jst.eco

@@ -1,4 +1,5 @@
-<div class="page-header horizontal">
+<div class="flex scrollable">
+  <div class="horizontal">
     <div class="page-header-title">
       <h1><%- @T( @head ) %> <small><%- @T( 'Management' ) %></small></h1>
     </div>
@@ -9,40 +10,8 @@
       <% end %>
       <% end %>
     </div>
-</div>
-
-<!--
-<div class="row">
-  <div class="span3">
-    <ul class="nav nav-tabs nav-stacked">
-    <% if @menus: %>
-    <% for menu in @menus: %>
-      <li class="<%= menu['class'] %>"><a data-type="<%= menu['data-type'] %>" ><%= menu.name %></a></li>
--->
-<!--
-      <li class="dropdown">
-        <a class="dropdown-toggle" data-toggle="dropdown" href="#"><%= menu.name %><b class="caret"></b></a>
-        <ul class="dropdown-menu">
-          <li><a href="#">List</a></li>
-          <li><a href="#">Settings</a></li>
-          <li><a href="#">New</a></li>
-        </ul>
-      </li>
--->
-<!--
-    <% end %>
-    <% end %>
-    </ul>
-
-    <% for note in @notes: %>
-      <p><%- @T( note ) %></p>
-    <% end %>
--->
-<!--
   </div>
--->
+
   <div class="table-overview"></div>
 
-<!--
 </div>
--->

app/assets/javascripts/app/views/package.jst.eco

@@ -1,9 +1,9 @@
-<div class="page-header">
+<div class="flex scrollable">
+  <div>
+    <div class="page-header-title">
     <h1><%- @T( 'Package' ) %> <small><%- @T( 'Management' ) %></small></h1>
-</div>
+  </div>
 
-<div class="row">
-  <div class="span3">
 <!--
     <ul class="nav nav-tabs nav-stacked">
       <li class=""><a data-type="" ><%- @T( 'Installed' ) %></a></li>
@@ -16,7 +16,6 @@
       <button class="btn btn--primary" type="submit"><%- @T('Install Package') %></button>
     </form>
   </p>
-  </div>
 
   <table class="table table-striped table-hover">
     <thead>

app/assets/javascripts/app/views/scheduler.jst.eco

@@ -1,15 +1,15 @@
-<div class="page-header">
+<div class="flex scrollable">
+  <div class="horizontal">
+    <div class="page-header-title">
       <h1>Scheduler <small>Management</small></h1>
-</div>
+    </div>
+  </div>
 
-<div class="row">
-  <div class="span3">
   <ul class="nav nav-tabs nav-stacked">
     <li><a href="#">Jobs</a></li>
   </ul>
-  </div>
-  <div class="table-overview">
 
+  <div class="table-overview">
     <div class="tabbable">
       <ul class="nav nav-tabs">
         <li class="active"><a href="#channel-inbound" data-toggle="tab">Times</a></li>

app/assets/javascripts/app/views/session.jst.eco

@@ -1,7 +1,9 @@
-<div class="page-header">
+<div class="flex scrollable">
+  <div>
+    <div class="page-header-title">
     <h1><%- @T('Sessions') %><small></small></h1>
-</div>
+  </div>
-<table class="table table-striped table-hover">
+  <table class="table table-striped table-hover">
     <thead>
       <tr>
         <th class="span4"><%- @T('User') %></th>
@@ -24,4 +26,5 @@
       </tr>
       <% end %>
     </tbody>
-</table>
+  </table>
+</div>

app/assets/javascripts/app/views/user.jst.eco

@@ -1,4 +1,5 @@
-<div class="page-header horizontal">
+<div class="flex scrollable">
+  <div class="horizontal">
     <div class="page-header-title">
       <h1><%- @T( @head ) %> <small><%- @T( 'Management' ) %></small></h1>
     </div>
@@ -9,14 +10,15 @@
       <% end %>
       <% end %>
     </div>
-</div>
+  </div>
 
-<input class="search" name="search" placeholder="<%- @T('Search for users') %>">
+  <input class="search" name="search" placeholder="<%- @T('Search for users') %>">
 
-<div class="tabs wide-tabs horizontal" style="width: 100%;">
+  <div class="tabs wide-tabs horizontal" style="width: 100%;">
     <% for role in @roles: %>
       <div class="tab" data-id="<%= role.id %>"><%- @T(role.displayName() ) %></div>
     <% end %>
-</div>
+  </div>
 
-<div class="table-overview"></div>
+  <div class="table-overview"></div>
+</div>