diff options
| author | Simon Nagl <simonnagl@aim.com> | 2016-04-23 18:41:21 +0200 |
|---|---|---|
| committer | Simon Nagl <simonnagl@aim.com> | 2016-04-28 16:54:23 +0200 |
| commit | 33a2a8bf214bb57c3ed145dcec5cbf1aea18bd0e (patch) | |
| tree | bb852d7b65b4bbba0a5be9a464ec218c9b5ab776 /web/dashboard.css | |
| parent | 444aab651daab58c4e727fffe74ea21bc920cdab (diff) | |
Fixes #159. Add CSS3 Flexbox for charts in a row.
This fixes the issue that safari sometimes does not align the items in one
streight row.
Diffstat (limited to 'web/dashboard.css')
| -rw-r--r-- | web/dashboard.css | 15 |
1 files changed, 9 insertions, 6 deletions
diff --git a/web/dashboard.css b/web/dashboard.css index a7b090d665..009def6320 100644 --- a/web/dashboard.css +++ b/web/dashboard.css @@ -10,11 +10,17 @@ 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 */ @@ -31,10 +37,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 */ |