diff options
author | Mike Greiling <mgreiling@gitlab.com> | 2017-09-06 10:42:47 +0300 |
---|---|---|
committer | Phil Hughes <me@iamphill.com> | 2017-09-06 10:42:47 +0300 |
commit | 70bff97c2760cbe554f7b82047bc9186ccf3dfaf (patch) | |
tree | ff2f87d3594c696f5a61223906bd2deaac828cf9 /app/assets/stylesheets/pages/environments.scss | |
parent | 6a831b520a98380f45c7b632dc8209b3a528167a (diff) |
Use flexbox for prometheus graph row grouping instead of bootstrap classes
Diffstat (limited to 'app/assets/stylesheets/pages/environments.scss')
-rw-r--r-- | app/assets/stylesheets/pages/environments.scss | 26 |
1 files changed, 20 insertions, 6 deletions
diff --git a/app/assets/stylesheets/pages/environments.scss b/app/assets/stylesheets/pages/environments.scss index a52ac0d53e7..9362d80d4e6 100644 --- a/app/assets/stylesheets/pages/environments.scss +++ b/app/assets/stylesheets/pages/environments.scss @@ -227,6 +227,26 @@ margin-top: 20px; } +.prometheus-graph-group { + display: flex; + flex-wrap: wrap; + padding: $gl-padding / 2; +} + +.prometheus-graph { + flex: 1 0 auto; + min-width: 450px; + padding: $gl-padding / 2; + + h5 { + font-size: 16px; + } + + @media (max-width: $screen-sm-max) { + min-width: 100%; + } +} + .prometheus-svg-container { position: relative; height: 0; @@ -297,9 +317,3 @@ } } } - -.prometheus-row { - h5 { - font-size: 16px; - } -} |