Change quit button ui

khornberg · May 13, 2016 · 87d7b39 · 87d7b39
1 parent e087392
commit 87d7b39
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 15 deletions.
diff --git a/src/app.js b/src/app.js
@@ -82,7 +82,7 @@ function update() {
     all: true
   }, function(err, containers) {
     var $containers = document.getElementById('containers');
-    var containerList = '<ul class="table-view" style="margin-bottom: 3rem;">';
+    var containerList = '<ul class="table-view" style="margin-bottom: 4rem;">';
 
     if (!err) {
       var started = containers.filter((container) => {

diff --git a/src/index.html b/src/index.html
@@ -8,10 +8,6 @@
     <!-- Sets initial viewport load and disables zooming  -->
     <meta name="viewport" content="initial-scale=1, maximum-scale=1">
 
-    <!-- Makes your prototype chrome-less once bookmarked to your phone's home screen -->
-    <meta name="apple-mobile-web-app-capable" content="yes">
-    <meta name="apple-mobile-web-app-status-bar-style" content="black">
-
     <!-- Include the compiled Ratchet CSS -->
     <link href="../bower_components/ratchet/dist/css/ratchet.css" rel="stylesheet">
 
@@ -21,23 +17,19 @@
 
   <body>
 
-    <!-- Make sure all your bars are the first things in your <body> -->
-    <!-- <header class="bar bar-nav"> -->
-    <!--   <h1 class="title">Containers</h1> -->
-    <!-- </header> -->
-
     <!-- Wrap all non-bar HTML in the .content div (this is actually what scrolls) -->
     <div class="content" id="containers">
       <div class="content">
         <p class="content-padded">No connection to a docker instance. <br />
           Did you set up your $HOME_DIR/.docker-indicator file?</p>
           </div>
     </div>
-    <div class="bar bar-standard bar-footer">
-      <!-- <button id="show-stopped" class="btn pull-left">Show Stopped?</button> -->
-      <button id="quit" class="btn pull-right">Quit</button>
-    </div>
-
+    <nav class="bar bar-tab">
+      <a class="tab-item active" href="#">
+        <span class="icon">&#937;</span>
+        <span id="quit" class="tab-label">Quit</span>
+      </a>
+    </nav>
     <script src="app.js"></script>
   </body>