ui: improve mobile view

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}}

ui/javascripts/app/routes.js

@@ -210,7 +210,7 @@ App.ServicesShowRoute = App.BaseRoute.extend({
       });
       return objs;
     });
-  },
+  }
 });
 
 App.NodesShowRoute = App.BaseRoute.extend({

ui/styles/base.scss

@@ -29,6 +29,10 @@ a {
     }
 }
 
+.buffer-small {
+  height: 50px;
+}
+
 .error {
   margin-top: 400px;
 }