You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@ambari.apache.org by at...@apache.org on 2018/07/24 15:35:20 UTC

[ambari] branch trunk updated: AMBARI-24346 Host Details page: alignment issues

This is an automated email from the ASF dual-hosted git repository.

atkach pushed a commit to branch trunk
in repository https://gitbox.apache.org/repos/asf/ambari.git


The following commit(s) were added to refs/heads/trunk by this push:
     new 8c6e395  AMBARI-24346 Host Details page: alignment issues
8c6e395 is described below

commit 8c6e39565e56aede07700294c989fa4646924d0a
Author: Andrii Tkach <at...@apache.org>
AuthorDate: Tue Jul 24 16:30:40 2018 +0300

    AMBARI-24346 Host Details page: alignment issues
---
 ambari-web/app/styles/hosts.less        | 12 ++++++++++++
 ambari-web/app/styles/modal_popups.less |  5 ++++-
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/ambari-web/app/styles/hosts.less b/ambari-web/app/styles/hosts.less
index 69f8c6b..6904a14 100644
--- a/ambari-web/app/styles/hosts.less
+++ b/ambari-web/app/styles/hosts.less
@@ -428,6 +428,9 @@
         pointer-events: auto;
       }
     }
+    .table > tbody > tr > td {
+      vertical-align: middle;
+    }
   }
 
   .status-icons span {
@@ -436,6 +439,7 @@
 
   .action-icon {
     padding: 2px 5px 0 5px;
+    top: 2px;
     font-size: 16px;
   }
 
@@ -467,6 +471,14 @@
       }
     }
   }
+  .nav {
+    .alerts-crit-count,
+    .alerts-warn-count {
+      padding: .4em .5em;
+      display: inline-block;
+      vertical-align: top;
+    }
+  }
 }
 
 .host-breadcrumb {
diff --git a/ambari-web/app/styles/modal_popups.less b/ambari-web/app/styles/modal_popups.less
index 9725389..0674541 100644
--- a/ambari-web/app/styles/modal_popups.less
+++ b/ambari-web/app/styles/modal_popups.less
@@ -286,8 +286,11 @@
           width:100%;
           overflow: auto;
         }
-        table{
+        table {
           margin: 0 auto;
+          input[type="checkbox"] + label {
+            top: 0;
+          }
         }
         .message{
           color: #777;