Put lanes in the center

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>
 
diff --git a/style.css b/style.css
index 9f06054..0601a6d 100644
--- a/style.css
+++ b/style.css
@@ -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;