AMBARI-2053. Align "add hosts" button vertically with host health filter. (yusaku)

git-svn-id: https://svn.apache.org/repos/asf/incubator/ambari/trunk@1478191 13f79535-47bb-0310-9956-ffa450edef68

CHANGES.txt

@@ -823,6 +823,9 @@ Trunk (unreleased changes):
 
  BUG FIXES
 
+ AMBARI-2053. Align "add hosts" button vertically with host health filter.
+ (yusaku)
+
  AMBARI-2052. Fix delete user popup. (yusaku)
 
  AMBARI-2065. Hadoop group customization does not take affect. (smohanty)

ambari-web/app/styles/application.less

@@ -1885,7 +1885,8 @@ table.graphs {
       margin-left: 5px;
     }
     .btn.add-host-button {
-      float: right;
+      margin-bottom: 10px;
+      margin-top: -5px;
     }
     .health-status-bar {
       font-size: 14px;

ambari-web/app/templates/main/host.hbs

@@ -19,7 +19,7 @@
 <div id="hosts">
 
   <div class="box-header row">
-    <div class="health-status-bar span8" >
+    <div class="health-status-bar pull-left" >
       {{#each category in view.categories}}
         <span {{bindAttr class="category.itemClass"}}>
         {{#if category.alerts}}
@@ -36,7 +36,7 @@
     </div>
 
     {{#if App.isAdmin}}
-    <div class="button-section pull-right span4">
+    <div class="pull-right">
       <button class="btn btn-inverse add-host-button" {{action addHost}}>
         <i class="icon-plus icon-white"></i>
         {{t hosts.host.add}}