closes #59

package.json

@@ -1,6 +1,6 @@
 {
   "name": "burnchart",
-  "version": "2.0.6",
+  "version": "2.0.7",
   "description": "GitHub Burndown Chart as a Service",
   "author": "Radek Stepan <dev@radekstepan.com> (http://radekstepan.com)",
   "license": "AGPL-3.0",

src/styles/app.less

@@ -237,7 +237,7 @@ ul {
   padding-bottom: 80px;
 
   #content {
-    padding: 20px;
+    padding: 20px 0;
     margin-top: 20px;
     margin-bottom: 40px;
 

src/views/chart.coffee

@@ -18,7 +18,6 @@ module.exports = Ractive.extend
     # Total number of points in the milestone.
     total = issues.open.size + issues.closed.size
 
-
     # An issue may have been closed before the start of a milestone.
     head = issues.closed.list[0].closed_at
     if issues.length and milestone.created_at > head
@@ -66,6 +65,16 @@ module.exports = Ractive.extend
     .append("g")
     .attr("transform", "translate(" + margin.left + "," + margin.top + ")")
 
+    # Add the clip path so that lines are not drawn outside of the boundary.
+    svg.append("defs").append("svg:clipPath")
+    .attr("id", "clip")
+    .append("svg:rect")
+    .attr("id", "clip-rect")
+    .attr("x", 0)
+    .attr("y", 0)
+    .attr("width", width)
+    .attr("height", height)
+
     # Add the days x-axis.
     svg.append("g")
     .attr("class", "x axis day")