diff options
author | Pedro Alvarez <pedro.alvarez@codethink.co.uk> | 2015-09-30 11:01:39 +0100 |
---|---|---|
committer | Pedro Alvarez <pedro.alvarez@codethink.co.uk> | 2015-09-30 11:01:39 +0100 |
commit | 8e1003ece0b394f310f83791b55b026431b27622 (patch) | |
tree | e4f35ec549808f88d279d5156e4203a6592c7940 | |
parent | f89e9a8baba97cf74d70e0d010853d8ec58bb8f9 (diff) | |
download | ciat-ui-8e1003ece0b394f310f83791b55b026431b27622.tar.gz |
Put lanes in the center
-rw-r--r-- | partials/visualisation.html | 4 | ||||
-rw-r--r-- | style.css | 12 |
2 files changed, 14 insertions, 2 deletions
diff --git a/partials/visualisation.html b/partials/visualisation.html index 6735014..9ddd8a1 100644 --- a/partials/visualisation.html +++ b/partials/visualisation.html @@ -2,9 +2,9 @@ ng-style="selected && {'top': '35%'}"> - <div class="row"> + <div class="row boxes"> - <div class="lane col-md-2"> + <div class="lane col-md-2 ng-hide"> <h3>Change detection</h3> </div> @@ -53,6 +53,10 @@ h1>em>a:hover { border-radius: 0.5em; } +.lane { + width: 20%; + margin: 0 auto; +} .lane.h3 { color: white; } @@ -92,6 +96,14 @@ h1>em>a:hover { margin: 4em 0 2em 0; } + +.boxes { + margin-left: auto; + margin-right: auto; + width: 80%; + text-align: center; +} + .detail { background: #eee; color: black; |