From d29f3571b6dde3b0491c6e64bd9dba48c9d2bb8d Mon Sep 17 00:00:00 2001
From: David Schneiderbauer <daviian@users.noreply.github.com>
Date: Wed, 23 May 2018 11:02:45 +0200
Subject: [PATCH] fix padding on mobile (#57)

---
 layouts/_default/single.html | 10 ++++++----
 layouts/doc/single.html      | 18 ++++++++++--------
 layouts/page/single.html     | 20 +++++++++++---------
 src/main.scss                | 28 ++++++++++++----------------
 4 files changed, 39 insertions(+), 37 deletions(-)

diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index 215de9a..80edb99 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -1,11 +1,13 @@
 {{ partial "header.html" . }}
 {{ partial "navbar.html" . }}
 
-<div class="container is-centered page">
-	<div class=" content">
-		{{ .Content }}
+<div class="section">
+	<div class="container is-centered page">
+		<div class=" content">
+			{{ .Content }}
 
-		{{ partial "disqus.html" . }}
+			{{ partial "disqus.html" . }}
+		</div>
 	</div>
 </div>
 
diff --git a/layouts/doc/single.html b/layouts/doc/single.html
index d1c839e..34fd8a8 100644
--- a/layouts/doc/single.html
+++ b/layouts/doc/single.html
@@ -1,14 +1,16 @@
 {{ partial "header.html" . }}
 {{ partial "navbar.html" . }}
 
-<div class="container is-centered page">
-	<div class="columns">
-		<div class="column is-one-quarter">
-			{{ partial "menu" . }}
-		</div>
-		<div class="column">
-			<div class=" content">
-				{{ .Content }}
+<div class="section">
+	<div class="container is-centered page">
+		<div class="columns">
+			<div class="column is-one-quarter">
+				{{ partial "menu" . }}
+			</div>
+			<div class="column">
+				<div class=" content">
+					{{ .Content }}
+				</div>
 			</div>
 		</div>
 	</div>
diff --git a/layouts/page/single.html b/layouts/page/single.html
index 29bf52c..9cb11d4 100644
--- a/layouts/page/single.html
+++ b/layouts/page/single.html
@@ -1,16 +1,18 @@
 {{ partial "header.html" . }}
 {{ partial "navbar.html" . }}
 
-<div class="container is-centered page">
-	<div class="columns">
-		<div class="column is-one-quarter">
-			{{ partial "menu" . }}
-		</div>
-		<div class="column">
-			<div class=" content">
-				{{ .Content }}
+<div class="section">
+	<div class="container is-centered page">
+		<div class="columns">
+			<div class="column is-one-quarter">
+				{{ partial "menu" . }}
+			</div>
+			<div class="column">
+				<div class=" content">
+					{{ .Content }}
 
-				{{ partial "disqus.html" . }}
+					{{ partial "disqus.html" . }}
+				</div>
 			</div>
 		</div>
 	</div>
diff --git a/src/main.scss b/src/main.scss
index ead0dbc..ae845fb 100644
--- a/src/main.scss
+++ b/src/main.scss
@@ -42,23 +42,19 @@
   }
 }
 
-.page{
-  margin: 2em auto;
+.page .card{
+  margin-bottom: 2em;
 
-  .card{
-    margin-bottom: 2em;
+  background-color: #fff;
+  box-shadow: 0 2px 3px rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.1);
+  color: #4a4a4a;
+  max-width: 100%;
+  position: relative;
+  border: none;
+  border-radius: 0.2em;
 
-    background-color: #fff;
-    box-shadow: 0 2px 3px rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.1);
-    color: #4a4a4a;
-    max-width: 100%;
-    position: relative;
-    border: none;
-    border-radius: 0.2em;
-
-    .media-content a{
-      display: block;
-    }
+  .media-content a{
+    display: block;
   }
 }
 
@@ -122,4 +118,4 @@
   right: 0;
   z-index: 1;
   opacity: 1;
-}
\ No newline at end of file
+}