From e7cbea64e09c6b3cf7762d15037e93292e50d133 Mon Sep 17 00:00:00 2001
From: David Dawkins <david.dawkins@gmail.com>
Date: Mon, 12 Jul 2021 09:13:54 +0100
Subject: [PATCH] [docs] fix padding in svg bar chart example (#5945)

Fixes #5941
---
 site/content/examples/12-svg/02-bar-chart/App.svelte | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/site/content/examples/12-svg/02-bar-chart/App.svelte b/site/content/examples/12-svg/02-bar-chart/App.svelte
index d44c0e67cf..7ad21545ff 100644
--- a/site/content/examples/12-svg/02-bar-chart/App.svelte
+++ b/site/content/examples/12-svg/02-bar-chart/App.svelte
@@ -38,9 +38,9 @@
 <div class="chart" bind:clientWidth={width} bind:clientHeight={height}>
 	<svg>
 		<!-- y axis -->
-		<g class="axis y-axis" transform="translate(0,{padding.top})">
+		<g class="axis y-axis">
 			{#each yTicks as tick}
-				<g class="tick tick-{tick}" transform="translate(0, {yScale(tick) - padding.bottom})">
+				<g class="tick tick-{tick}" transform="translate(0, {yScale(tick)})">
 					<line x2="100%"></line>
 					<text y="-4">{tick} {tick === 20 ? ' per 1,000 population' : ''}</text>
 				</g>
@@ -62,7 +62,7 @@
 					x="{xScale(i) + 2}"
 					y="{yScale(point.birthrate)}"
 					width="{barWidth - 4}"
-					height="{height - padding.bottom - yScale(point.birthrate)}"
+					height="{yScale(0) - yScale(point.birthrate)}"
 				></rect>
 			{/each}
 		</g>
@@ -115,4 +115,4 @@
 		stroke: none;
 		opacity: 0.65;
 	}
-</style>
\ No newline at end of file
+</style>