1 files changed, 48 insertions, 10 deletions

diff --git a/plugins/Morpheus/stylesheets/main.less b/plugins/Morpheus/stylesheets/main.less
index b9175b225e..659a5af4ac 100644
--- a/plugins/Morpheus/stylesheets/main.less
+++ b/plugins/Morpheus/stylesheets/main.less
@@ -382,7 +382,7 @@ table.dataTable {
     }
   }
 
-  tr {
+  tr:not(.subDataTableContainer) {
     td {
       border-bottom: 1px solid @color-silver-l95 !important;
       border-color: @color-silver-l95 !important;
@@ -405,6 +405,17 @@ table.dataTable {
         border-left: 0;
       }
 
+      &:hover {
+        td:not(.cellSubDataTable):not(.parentComparisonRow) {
+          background-color: @color-silver-l95;
+        }
+      }
+
+      &.label + td.column {
+        // first column after label should have a bit less padding
+        padding-left: 10px;
+      }
+
       &.label .label {
         text-align: left;
       }
@@ -476,23 +487,23 @@ table.dataTable {
 div.dataTableVizHtmlTable:not(.dataTableActions),
  div.dataTableVizAllColumns,
  div.dataTableVizGoals {
-  tr.subDataTable > td:first-child::before {
+  tr.subDataTable > td > span.label::before {
     display: inline-block;
     float: left;
     top: 0;
     width: 12px;
     height: 12px;
-    margin-left: -1px;
+    margin-left: -2px;
     margin-top: 3px;
     margin-right: 8px;
     content: '';
   }
 
-  tr.subDataTable:not(.expanded) > td:first-child::before {
+  tr.subDataTable:not(.expanded) > td > span.label::before {
     background-image: url(plugins/Morpheus/images/plus.png);
   }
 
-  tr.subDataTable.expanded > td:first-child::before {
+  tr.subDataTable.expanded > td > span.label::before {
     background-image: url(plugins/Morpheus/images/minus.png);
   }
 }
@@ -515,10 +526,25 @@ div.dataTableVizHtmlTable:not(.dataTableActions),
   }
 }
 
+
 .UserCountryMap-btn-zoom {
   padding-left: 0;
 }
 
+h6.sparkline-title {
+  margin-left: 2px;
+  text-transform: uppercase;
+  font-size: .8em;
+  font-weight: bold;
+  color: #999;
+  margin-bottom: 4px;
+
+  max-width: 95px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow-x: hidden;
+}
+
 div.sparkline {
   display: -ms-flexbox;
   -ms-box-orient: horizontal;
@@ -527,10 +553,11 @@ div.sparkline {
   display: -moz-flex;
   display: -ms-flex;
   display: flex;
-  -webkit-justify-content: space-around;
-  -moz-justify-content: space-around;
-  -ms-justify-content: space-around;
-  justify-content: space-around;
+  -webkit-justify-content: flex-start;
+  -moz-justify-content: flex-start;
+  -ms-justify-content: flex-start;
+  justify-content: flex-start;
+  align-items: center;
   border-bottom: 0;
   margin-bottom: 10px;
 
@@ -542,8 +569,20 @@ div.sparkline {
       border-bottom: 1px dashed #c3c3c3;
     }
   }
+
+  .metric-group-title {
+    display: block;
+    font-size: .7em;
+    text-transform: uppercase;
+    color: #999;
+  }
+
+  .sparkline-metrics {
+    margin-bottom: 4px;
+  }
 }
 
+
 div.sparkline img {
   -webkit-flex-shrink: 0;
   -moz-flex-shrink: 0;
@@ -556,7 +595,6 @@ div.sparkline script + div {
   margin: 1px 0 0 1px;
 }
 
-
 .widgetpreview-base li.widgetpreview-choosen {
   background: @color-silver-l95;
   position: relative;