From 8b1bf895de215b1e3e60911cc8bf8214004772b7 Mon Sep 17 00:00:00 2001
From: Alex Wolfe <thewolfe@gmail.com>
Date: Wed, 4 Mar 2015 07:16:02 -0800
Subject: [PATCH] layout mobile styles

---
 public/resources/css/_options.scss       | 2 +-
 public/resources/css/layout/_layout.scss | 6 ++++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/public/resources/css/_options.scss b/public/resources/css/_options.scss
index b6d6660d56..d4141f0a03 100644
--- a/public/resources/css/_options.scss
+++ b/public/resources/css/_options.scss
@@ -16,7 +16,7 @@ $mono-font: Monaco, "Lucida Console", monospace;
 
 $unit: 8px;
 $phone-breakpoint: 480px;
-$tablet-breakpoint: 900px;
+$tablet-breakpoint: 780px;
 
 
 /*
diff --git a/public/resources/css/layout/_layout.scss b/public/resources/css/layout/_layout.scss
index 5554567490..e9c1959d88 100644
--- a/public/resources/css/layout/_layout.scss
+++ b/public/resources/css/layout/_layout.scss
@@ -49,6 +49,12 @@
 
 .l-content {
   padding: ($unit * 8) ($unit * 12);
+
+  @media handheld and (max-width: $phone-breakpoint),
+  screen and (max-device-width: $phone-breakpoint),
+  screen and (max-width: $tablet-breakpoint) {
+    padding: ($unit * 3);
+  }
 }
 
 .l-content-block {