From 3ad5b5d14c7e2639c87935bc8c3cc064d5f8adbe Mon Sep 17 00:00:00 2001
From: Matt Stavola <mstavola9@gmail.com>
Date: Wed, 28 Oct 2020 20:24:52 -0700
Subject: [PATCH] Fix issues with overflow hidden

---
 render/html/render.go | 21 ++++++++++++++-------
 1 file changed, 14 insertions(+), 7 deletions(-)

diff --git a/render/html/render.go b/render/html/render.go
index d4d5117..71cd6bd 100644
--- a/render/html/render.go
+++ b/render/html/render.go
@@ -35,14 +35,16 @@ func Render(show types.Show) error {
 }
 
 const source = `
-<div class="content">
+<div class="show">
     {{range $i, $slide := .Slides}}
 		<div class="slide hide" id="slide-{{ $i }}" style="background-color: {{ color $slide.Background }};">
-			{{range $j, $block := $slide.Blocks}}
-				<div class="block" id="slide-{{ $i }}-block-{{ $j }}" style="{{ style $block.Style }}">
-					<span>{{ $block.Words }}</span>
-				</div>
-			{{end}}
+			<div class="content">
+				{{range $j, $block := $slide.Blocks}}
+					<div class="block" id="slide-{{ $i }}-block-{{ $j }}" style="{{ style $block.Style }}">
+						<span>{{ $block.Words }}</span>
+					</div>
+				{{end}}
+			</div>
         </div>
     {{end}}
 </div>
@@ -51,12 +53,17 @@ const source = `
 	body, html {
 		margin: 0;
 		padding: 0;
-		overflow: hidden;
 	}
 
 	.slide {
 		width: 100%;
 		height: 100%;
+	}
+
+	.content {
+		margin: auto;
+		width: 90%;
+		height: 90%;
 		padding: 2em;
 	}