From c84febaa7a3ebd13ef37d14216bc287088c8a648 Mon Sep 17 00:00:00 2001
From: Robert Messerle <rmesserle@google.com>
Date: Tue, 15 Dec 2015 00:31:35 -0800
Subject: [PATCH] adds max-width to content areas

---
 public/resources/css/base/_type.scss     | 1 +
 public/resources/css/layout/_layout.scss | 4 ++++
 2 files changed, 5 insertions(+)

diff --git a/public/resources/css/base/_type.scss b/public/resources/css/base/_type.scss
index 09b8dec8ad..32c4ee41ee 100644
--- a/public/resources/css/base/_type.scss
+++ b/public/resources/css/base/_type.scss
@@ -197,6 +197,7 @@ table td {
   }
 }
 .docs-content .card-row {
+  max-width: 1000px;
   > div > .card {
     margin: $unit ($unit * 3);
   }
diff --git a/public/resources/css/layout/_layout.scss b/public/resources/css/layout/_layout.scss
index 8387871a1a..d5d280be14 100644
--- a/public/resources/css/layout/_layout.scss
+++ b/public/resources/css/layout/_layout.scss
@@ -79,6 +79,8 @@
 
 .l-content {
   padding: ($unit * 8) ($unit * 12);
+  max-width: 1200px;
+  margin: 0 auto;
 
   @media handheld and (max-width: $phone-breakpoint),
   screen and (max-device-width: $phone-breakpoint),
@@ -89,6 +91,8 @@
 
 .l-content-small {
   padding: $unit * 6;
+  max-width: 1100px;
+  margin: 0;
 
   @media handheld and (max-width: $phone-breakpoint),
   screen and (max-device-width: $phone-breakpoint),