Fixes #159. Add CSS3 Flexbox for charts in a row.

[netdata.git] / web / dashboard.slate.css

diff --git a/web/dashboard.slate.css b/web/dashboard.slate.css
index 662731061b55cb04d91f65a3f9e7c584f434b94d..0edcc87cf3d3edcd1bcdb3784099b1b708283c2f 100644 (file)
--- a/web/dashboard.slate.css
+++ b/web/dashboard.slate.css
@@ -18,11 +18,16 @@ body {
        margin-left: 55px;
 }
 
+.netdata-chart-row {
+       width: 100%;
+       text-align: center;
+       display: flex;
+       align-items: baseline;
+       justify-content: center;
+}
+
 .netdata-container {
-       display: -webkit-flex; /* Safari */
-       -webkit-flex-wrap: wrap; /* Safari 6.1+ */
        display: inline-block;
-       flex-wrap: wrap;
        overflow: hidden;
 
        /* required for child elements to have absolute position */
@@ -39,10 +44,7 @@ body {
 }
 
 .netdata-container-with-legend {
-       display: -webkit-flex; /* Safari */
-       -webkit-flex-wrap: wrap; /* Safari 6.1+ */
        display: inline-block;
-       flex-wrap: wrap;
        overflow: hidden;
 
        /* fix minimum scrollbar issue in firefox */