AMBARI-5536. Confirm Hosts page UI layout issues. (xiwang)

ambari-web/app/styles/application.less

@@ -615,6 +615,9 @@ h1 {
           margin-top: -1px;
         }
       }
+      .tinyspan {
+        width: 2%;
+      }
     }
     .box-header {
       padding: 0px 4px 0px 10px;
@@ -771,16 +774,16 @@ h1 {
     #deploy-status-by-host {
       margin-bottom: 0;
       th.host {
-        width: 30%;
+        width: 40%;
       }
       th.status {
-        width: 35%;
+        width: 22%;
       }
       th.messgage {
         width: 35%;
       }
       .progress-bar {
-        width: 80%;
+        width: 73%;
         .progress {
           margin-bottom: 0;
         }
@@ -5545,10 +5548,6 @@ i.icon-asterisks {
     *width: 5.929714493544281%;
   }
 
-  .row-fluid .tinyspan {
-    width: 2%;
-  }
-
   .row-fluid .offset12 {
     margin-left: 105.12820512820512%;
     *margin-left: 105.02182214948171%;

ambari-web/app/templates/wizard/step3.hbs

@@ -60,9 +60,9 @@
           <th class="tinyspan">
             {{view Ember.Checkbox checkedBinding="view.pageChecked"}}
           </th>
-          <th class="span3">{{t common.host}}</th>
+          <th class="span5">{{t common.host}}</th>
           <!-- retrieved from local storage initially -->
-          <th class="span3">{{t common.progress}}</th>
+          <th class="span2">{{t common.progress}}</th>
           <th class="span2">{{t common.status}}</th>
           <!-- given by the parsing function that parses data from bootstrap call, dynamically assign the color -->
           <th class="span2">{{t common.action}}</th>