From f829065436ec9d0d98ec57d0d9a6e5e7605f56f6 Mon Sep 17 00:00:00 2001
From: Jack Pearkes <jackpearkes@gmail.com>
Date: Wed, 30 Apr 2014 23:39:41 -0400
Subject: [PATCH] ui: improve mobile view

---
 ui/index.html                | 12 +++++++++++-
 ui/javascripts/app/routes.js |  2 +-
 ui/styles/base.scss          |  4 ++++
 3 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/ui/index.html b/ui/index.html
index 31b8eff643..3587d2ddaf 100644
--- a/ui/index.html
+++ b/ui/index.html
@@ -204,7 +204,8 @@
   </script>
 
   <script type="text/x-handlebars" id="services">
-    <div {{ bind-attr class=":col-md-5 hasChild:hidden" }}>
+
+    <div {{ bind-attr class=":col-md-5" }}>
 
       {{#each service in services}}
 
@@ -235,6 +236,10 @@
       </div>
     </div>
 
+    <div class="visible-xs visible-sm">
+      <hr>
+    </div>
+
     <div class="col-md-6">
       <div class="row">
         {{outlet}}
@@ -308,6 +313,11 @@
       </div>
     </div>
 
+    <div class="visible-xs visible-sm">
+      <hr>
+    </div>
+
+
     <div class="col-md-6">
       <div class="row">
         {{outlet}}
diff --git a/ui/javascripts/app/routes.js b/ui/javascripts/app/routes.js
index 9ddd380721..3be24ebaa8 100644
--- a/ui/javascripts/app/routes.js
+++ b/ui/javascripts/app/routes.js
@@ -210,7 +210,7 @@ App.ServicesShowRoute = App.BaseRoute.extend({
       });
       return objs;
     });
-  },
+  }
 });
 
 App.NodesShowRoute = App.BaseRoute.extend({
diff --git a/ui/styles/base.scss b/ui/styles/base.scss
index 3f0bc35109..dfcd34cdf8 100644
--- a/ui/styles/base.scss
+++ b/ui/styles/base.scss
@@ -29,6 +29,10 @@ a {
     }
 }
 
+.buffer-small {
+  height: 50px;
+}
+
 .error {
   margin-top: 400px;
 }