From 117fe318ea7b2b1e269822573bf5e76b508d4b03 Mon Sep 17 00:00:00 2001
From: Richard Harris <richard.a.harris@gmail.com>
Date: Tue, 9 Apr 2019 09:35:29 -0400
Subject: [PATCH] fix

---
 .../routes/tutorial/[slug]/_components/ScreenToggle.svelte   | 3 +++
 site/src/routes/tutorial/[slug]/index.svelte                 | 5 ++++-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/site/src/routes/tutorial/[slug]/_components/ScreenToggle.svelte b/site/src/routes/tutorial/[slug]/_components/ScreenToggle.svelte
index d777f345e9..658afefd52 100644
--- a/site/src/routes/tutorial/[slug]/_components/ScreenToggle.svelte
+++ b/site/src/routes/tutorial/[slug]/_components/ScreenToggle.svelte
@@ -4,12 +4,15 @@
 
 <style>
 	.toggle {
+		position: fixed;
+		bottom: 0;
 		width: 100%;
 		height: 42px;
 		display: flex;
 		justify-content: center;
 		align-items: center;
 		border-top: 1px solid var(--second);
+		background-color: white;
 	}
 
 	button {
diff --git a/site/src/routes/tutorial/[slug]/index.svelte b/site/src/routes/tutorial/[slug]/index.svelte
index 4c8f0ab049..e9287ea5e6 100644
--- a/site/src/routes/tutorial/[slug]/index.svelte
+++ b/site/src/routes/tutorial/[slug]/index.svelte
@@ -116,7 +116,10 @@
 		padding: 0;
 		/* margin: 0 calc(var(--side-nav) * -1); */
 		box-sizing: border-box;
+	}
 
+	.tutorial-outer.mobile {
+		padding: 0 0 42px 0;
 	}
 
 	.viewport {
@@ -129,7 +132,7 @@
 
 	.mobile .viewport {
 		width: 300%;
-		height: calc(100% - 42px);
+		height: 100%;
 		grid-template-columns: 33.333% 66.666%;
 		transition: transform 0.3s;
 	}