Reverting less to previous version

console/src/main/scripts/plugins/metrics/less/metrics.less

@@ -19,8 +19,9 @@
 @import "../../../libs/patternfly/less/variables.less";
 
 
-// Variables
+// Variables Override
 
+@body-bg:                                                           #f5f5f5;
 @danger-bg:                                                         rgba(204,0,0,0.07);
 
 
@@ -29,7 +30,6 @@
 \*------------------------------------*/
 
 body {
-  background-color: #f5f5f5;
   line-height: 1.4;
   padding-bottom: @grid-gutter-width/2;
 }
@@ -93,32 +93,16 @@ h3 {
   line-height: 1.66666667;
 }
 
-.dl-horizontal {
-  dt {
-    @media (min-width: @screen-sm-min) {
-      text-align: left;
-    }
-  }
-
-  dd {
-    margin-bottom: 5px;
-
-   .btn {
-      margin-top: 15px;
-
-      &:first-child {
-        margin-right: 10px;
-      }
-    }
-  }
+.dl-horizontal dt {
+  margin-bottom: 5px;
 }
 
 .info-top {
   font-size: ceil(@font-size-base + 1);
 }
 
-.hk-spinner-container-alone {
-  margin-top: @grid-gutter-width*5.5
+a:hover {
+  cursor: pointer;
 }
 
 
@@ -251,7 +235,7 @@ h3 {
 
   .hk-graph-container  {
     margin: 0 auto;
-    width: 750px;
+    //width: 750px;
 
     &.hk-graph-availability svg { /* top 40px, bottom 30px, align center */
       margin-bottom: -18px;
@@ -260,7 +244,7 @@ h3 {
     }
 
     &.hk-graph-metrics {
-      height: 262px;
+      //height: 262px;
 
       svg {
         margin-bottom: -13px;
@@ -270,7 +254,7 @@ h3 {
     }
 
     &.hk-graph-jvm {
-      height: 262px;
+      //height: 262px;
 
       svg {
         margin-bottom: -13px;
@@ -289,26 +273,28 @@ h3 {
     font-size: ceil(@font-size-base - 1);
     margin-bottom: 10px;
     margin-left: 38px;
-    margin-top: 15px;
+    margin-top: 30px;
 
     &.hk-legend-availability {
-      margin-left: 248px;
+      //margin-left: 248px;
+      margin-left: 12%;
 
-      @media (max-width: @screen-md-max) {
-        margin-left: 148px;
-      }
+      //@media (max-width: @screen-md-max) {
+      //  margin-left: 148px;
+      //}
     }
-
+    // TODO: be reviewed by Gabriel
     &.hk-legend-metrics {
-      margin-left: 270px;
+      //margin-left: 270px;
+      margin-left: 12%;
 
-      @media (max-width: @screen-md-max) {
-        margin-left: 170px;
-      }
+      //@media (max-width: @screen-md-max) {
+      //  margin-left: 170px;
+      //}
     }
 
     &.hk-legend-inline {
-      margin-top: 8px;
+      margin-top: 24px;
 
       > div {
         padding-left: 0;
@@ -1062,10 +1048,6 @@ a:hover .fa-spinner {
       }
     }
   }
-
-  h2 {
-    margin-top: 12px;
-  }
 }
 
 .hk-info-top + .hk-panel-table-list {
@@ -1114,8 +1096,12 @@ a:hover .fa-spinner {
   text-decoration: underline;
 }
 
-.table > tbody > tr.hk-alert-open td:nth-child(2) {
-  font-weight: bold;
+.table > tbody > tr.hk-alert-open {
+  background-color: rgba(204, 0, 0, 0.07);
+
+  &:nth-child(odd) > td {
+    background-color: transparent;
+  }
 }
 
 .table-striped > tbody {
@@ -1143,6 +1129,8 @@ a:hover .fa-spinner {
   }
 }
 
+/* In case of the whole line selectable
+
 .hk-table-select > tbody > tr:hover > td {
   background-color: #d4edfa;
   cursor: pointer;
@@ -1153,6 +1141,7 @@ a:hover .fa-spinner {
     background-color: #d4edfa;
   }
 }
+*/
 
 .hk-table-select > tbody > tr.hk-selected > td {
   background-color: @brand-primary;
@@ -1223,37 +1212,30 @@ a:hover .fa-spinner {
   padding: 7px 5px 9px 5px;
 }
 
-.actions-table,
-.hk-actions-table {
+.actions-table {
   position: absolute;
+  top: 46px;
   z-index: 10;
   right: 5px;
 
-  .btn:first-child {
-    margin-right: 8px;
-  }
-}
-
-.actions-table {
-  top: 46px;
-
   .add,
   .dropdown {
     display:inline-block;
   }
+
+  .add {
+    margin-right: 8px;
+  }
 }
 
 .hk-table-container {
-  background-color: white;
-  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
   position: relative;
 
   .hk-actions-table {
+    position: absolute;
     top: 6px;
-  }
-
-  .dataTables_wrapper {
-    margin: 0;
+    z-index: 10;
+    right: 5px;
   }
 }
 
@@ -1263,8 +1245,10 @@ a:hover .fa-spinner {
   }
 }
 
-.hk-table-alerts,
-.hk-table-clean {
+.hk-table-alerts {
+
+  background-color: white;
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
 
   &.hk-alerts-contextual {
     border-left: none;
@@ -1657,7 +1641,6 @@ td.hk-actions-two {
   }
 }
 
-
 // Application servers screen
 
 .hk-application-servers {
@@ -1732,10 +1715,6 @@ section {
   }
 }
 
-.hk-alert-center .hk-info-top h3 {
-  margin-bottom: 0;
-}
-
 
 // Datasources tab
 
@@ -1776,7 +1755,7 @@ section {
 
 .hk-collapsible-area {
   display: block!important;
-  max-height: 950px;
+  max-height: 1120px;
   overflow: hidden;
   -webkit-transition: max-height 0.3s ease;
 	-moz-transition: max-height 0.3s ease;
@@ -1821,11 +1800,4 @@ section {
   .navbar-pf .navbar-utility li.dropdown:first-child > .dropdown-toggle {
     padding-left: 15px;
   }
-}
-
-
-// Organizations screen
-
-.hk-organizations .text-right .btn-primary {
-  margin-bottom: @grid-gutter-width/4;
-}
+}