tweak blog styles

site/content/blog/2018-04-18-version-2.md

@@ -15,25 +15,12 @@ Almost a year after we first started talking about version 2 on the Svelte issue
 
 Each of these items is described in more depth below. If you get stuck, ask for help in our friendly [Gitter chatroom](https://gitter.im/sveltejs/svelte).
 
-<style>
-	ul {
-		position: relative;
-		list-style: none;
-	}
-
-	li input {
-		position: absolute;
-		left: -2.5em;
-		top: 0.3em;
-	}
-</style>
-
-- <input type=checkbox> Install Svelte v2 from npm
-- <input type=checkbox> Upgrade your templates with [svelte-upgrade](https://github.com/sveltejs/svelte-upgrade)
-- <input type=checkbox> Remove calls to `component.observe`, or add the `observe` method from [svelte-extras](https://github.com/sveltejs/svelte-extras)
-- <input type=checkbox> Rewrite calls to `component.get('foo')` as `component.get().foo`
-- <input type=checkbox> Return `destroy` from your custom event handlers, rather than `teardown`
-- <input type=checkbox> Make sure you're not passing numeric string props to components
+- Install Svelte v2 from npm
+- Upgrade your templates with [svelte-upgrade](https://github.com/sveltejs/svelte-upgrade)
+- Remove calls to `component.observe`, or add the `observe` method from [svelte-extras](https://github.com/sveltejs/svelte-extras)
+- Rewrite calls to `component.get('foo')` as `component.get().foo`
+- Return `destroy` from your custom event handlers, rather than `teardown`
+- Make sure you're not passing numeric string props to components
 
 
 ## New template syntax

site/src/routes/blog/[slug].html

@@ -24,7 +24,9 @@
 
 <style>
 	.post {
-		padding: var(--top-offset) var(--side-page);
+		padding: var(--top-offset) 0;
+		max-width: var(--main-width);
+		margin: 0 auto;
 	}
 
 	.byline {

site/src/routes/blog/index.html

@@ -30,6 +30,8 @@
 		grid-gap: 1em;
 		min-height: calc(100vh - var(--nav-h));
 		padding: var(--top-offset) 0;
+		max-width: var(--main-width);
+		margin: 0 auto;
 	}
 
 	h2 {