- progress

web/client/views/shared/machineDetails/machineDetails.html

@@ -1,5 +1,5 @@
 <template name="machineDetails">
-  <div class="col-lg-4" style="text-align: center;">
+  <div class="col-lg-4 thumbnail" style="text-align: center;">
     <a href=machine/{{ machineId }}>
       <img src='https://d13yacurqjgara.cloudfront.net/users/595800/screenshots/1702094/linux_1x.png' style="width: 200px; 130px;" />
       <br />
@@ -8,8 +8,9 @@
       </div>
 
     </a>
-    <div style="text-align: center;" class="machine-status">
-      status: {{status}}
-    </div>
+    <span class="text-center label label-warning">
+       {{status}}
+      </span>
+
   </div>
 </template>

web/client/views/shared/newMachineDialog/newMachineDialog.html

@@ -1,16 +1,22 @@
 <template name="newMachine">
   <div class="row">
     <div class="col-lg-12">
+      <div class="panel panel-default">
+  <div class="panel-body">
       <h3>Add new machine</h3>
       <form class="new-machine">
-        <input type="text" name="machineName" class='machine-name' placeholder="Machine Name" />
-        <button type='button' name='btnAddNewMachine' class='new-machine-save-btn'>Add new machine</button>
+        <input type="text" name="machineName" class='form-control machine-name' placeholder="Machine Name" />
+        <button type='button' name='btnAddNewMachine' class='btn btn-default new-machine-save-btn'>Save</button>
+        <button type='button'  class='btn btn-default new-machine-cancel-btn'>Cancel</button>
 
         {{#if newMachineAdded}}
-  <div>You have successfully added a new machine. Please run <b>'chub init {{newMachineAdded}}'</b> on your computer. </div>
-  <button type='button' class='close-new-machine-btn'>Ok! Got It.</button>
+  <div>You have successfully added a new machine. Please run <pre>'chub init {{newMachineAdded}}'</pre> on your computer. </div>
+  <button type='button' class='btn btn-default close-new-machine-btn'>Ok, Got It!</button>
   {{/if}}
       </form>
+  </div>
+</div>
+
     </div>
   </div>
 </template>