From 4b77e5a1f23b46cb6df49c2fe86369ba26f244f3 Mon Sep 17 00:00:00 2001
From: Alexander Surma <surma@surmair.de>
Date: Thu, 25 Jun 2015 20:29:00 +0100
Subject: [PATCH] Article template: Fix padding on mobile (fixes #474) (Closes
 #480)

---
 templates/article/styles.css | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/templates/article/styles.css b/templates/article/styles.css
index 4e894c45..79918ba7 100644
--- a/templates/article/styles.css
+++ b/templates/article/styles.css
@@ -27,19 +27,20 @@ header.mdl-layout__header {
 
 .demo-container {
   max-width: 1600px;
-  width: 100%;
+  width: calc(100% - 16px);
   margin: 0 auto;
 }
 
 .demo-content {
   border-radius: 2px;
-  padding-left: 80px;
-  padding-top: 56px;
-  padding-right: 80px;
-  padding-bottom: 40px;
+  padding: 80px 56px;
   margin-bottom: 80px;
 }
 
+.is-small-screen .demo-content {
+  padding: 40px 28px;
+}
+
 .demo-content h3 {
   margin-top: 48px;
 }