fix: Missing borders in dTree demo

ErikGartner · ErikGartner · commit 5926c15e4783 · 2019-02-23T12:07:43.000+01:00
diff --git a/README.md b/README.md
@@ -6,7 +6,7 @@
 ## Treehouse
 There exists a playground/open repository for dTree graphs called [Treehouse](https://treehouse.gartner.io). There anyone can host a dTree graph without having to create a website or interact directly with the library. It uses Github gists to store the data and displays it in a nice format. Checkout the **demo** graph for dTree: https://treehouse.gartner.io/ErikGartner/58e58be650453b6d49d7
 
-The demo is also available on [JSFiddle](https://jsfiddle.net/tpde0cer/998/).
+The demo is also available on [JSFiddle](https://jsfiddle.net/zsd4pwr3/).
 
 ## Installation
 There are several ways to use dTree. One way is to simply include the compiled file ```dTree.js``` that then exposes a ```dTree``` variable. dTree is available on both NPM and Bower as *d3-dtree*.
diff --git a/test/demo/index.html b/test/demo/index.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <meta charset="utf-8">
-<style type="text/css">
 
+<style type="text/css">
 	body {
 	    font: 10px sans-serif;
 	}
@@ -17,11 +17,13 @@
 	    background-color: lightblue;
 			border-style: solid;
 			border-width: 1px;
+			box-sizing: border-box;
 	}
 	.woman {
 			background-color: pink;
 			border-style: solid;
 			border-width: 1px;
+			box-sizing: border-box;
 	}
 	.emphasis{
 			font-style: italic;
@@ -34,8 +36,8 @@
 		border-style: solid;
 		border-width: 1px;
 	}
-
 </style>
+
 <script src="https://cdn.jsdelivr.net/lodash/4.17.4/lodash.min.js"></script>
 <script src="https://d3js.org/d3.v4.min.js"></script>
 <script src="dtree.js"></script>
