From e4880b197b20317a6e489790d8f3e77a92c1961d Mon Sep 17 00:00:00 2001
From: Alexander Surma <surma@surmair.de>
Date: Fri, 3 Jul 2015 19:38:17 +0100
Subject: [PATCH] Fix all the misalignments and make consistent across pages
 (fixes #683)

---
 docs/_assets/customizer.css |  6 ------
 docs/_assets/main.css       | 29 +++++++++++++++++++++--------
 2 files changed, 21 insertions(+), 14 deletions(-)

diff --git a/docs/_assets/customizer.css b/docs/_assets/customizer.css
index 1762792d..3fb848db 100644
--- a/docs/_assets/customizer.css
+++ b/docs/_assets/customizer.css
@@ -87,9 +87,6 @@
 .mdl-gen__preview .mdl-layout__content h3 {
   margin-top: 0;
 }
-.mdl-gen__panel {
-  padding: 0 32px;
-}
 .mdl-gen__panel--right {
   display: flex;
   flex-direction: column;
@@ -103,9 +100,6 @@
   margin-bottom: 32px;
   color: rgba(0, 0, 0, 0.54);
 }
-.mdl-gen__cdn {
-  padding: 0 32px;
-}
 .mdl-gen__cdn .demo-code {
   box-sizing: border-box;
 }
diff --git a/docs/_assets/main.css b/docs/_assets/main.css
index 5ae9a2bc..50c6c33b 100644
--- a/docs/_assets/main.css
+++ b/docs/_assets/main.css
@@ -386,11 +386,14 @@ body:not(.about) .mdl-navigation__link.download > button {
 }
 .templates .content {
   padding-left: 24px !important;
-  max-width: 1280px;
+  max-width: 960px;
 }
 .templates .docs-layout-content .content {
   padding: 40px 0;
 }
+.templates .docs-layout .template  {
+  margin-left: -16px;
+}
 .template {
   width: 100%;
   margin-bottom: 72px;
@@ -513,14 +516,13 @@ body:not(.about) .mdl-navigation__link.download > button {
 .components .subpageheader {
   display: none;
 }
-
+.started .subpageheader,
+.customize .subpageheader,
+.styles .subpageheader,
+.faq .subpageheader,
 .templates .subpageheader {
-  margin-left: 16px;
-}
-.customize .subpageheader {
-  padding-left: 40px;
-  margin-top: 100px;
-  margin-bottom: 0;
+  width: 960px;
+  margin: 40px auto;
 }
 /* Components Snippets */
 .snippet-group {
@@ -879,6 +881,13 @@ code[class*=language-], pre[class*=language-] {
 .customize a {
   color: #00BCD4;
 }
+.customize .docs-layout .content {
+  max-width: 960px;
+  margin: 0 auto;
+  display: block;
+  margin-bottom: 120px;
+  padding: 40px;
+}
 .started .content h3,
 .started .content h4 {
   display: table-cell;
@@ -1206,6 +1215,10 @@ code[class*=language-], pre[class*=language-] {
 
 
 /* faq */
+.faq  .docs-text-styling > section {
+  max-width: 960px;
+  margin: 0 auto;
+}
 .faq img {
   max-width: 100%;
 }