From a4771df45ad3dd6dc1e1ee185936af2ff7392bc9 Mon Sep 17 00:00:00 2001
From: Nicolas Garnier <nivco@google.com>
Date: Mon, 29 Jun 2015 17:29:17 +0200
Subject: [PATCH] Fix width of <pre> blocks on narrow devices (getting started
 and customizer) (Closes #536)

---
 docs/_assets/customizer.css |  1 +
 docs/_assets/main.css       | 26 +++++++++++++++++++-------
 2 files changed, 20 insertions(+), 7 deletions(-)

diff --git a/docs/_assets/customizer.css b/docs/_assets/customizer.css
index 902a4edd..00ecffe4 100644
--- a/docs/_assets/customizer.css
+++ b/docs/_assets/customizer.css
@@ -61,6 +61,7 @@
 }
 .mdl-gen > .mdl-grid {
   max-width: 1280px;
+  padding: 0;
 }
 .mdl-gen__preview {
   position: relative;
diff --git a/docs/_assets/main.css b/docs/_assets/main.css
index 6bc93258..31ab36ca 100644
--- a/docs/_assets/main.css
+++ b/docs/_assets/main.css
@@ -901,6 +901,7 @@ code[class*=language-], pre[class*=language-] {
     padding: 15px 40px;
     box-sizing: content-box;
     display: block;
+    max-width: none;
   }
   .started .caption {
     margin-left: -40px;
@@ -909,13 +910,6 @@ code[class*=language-], pre[class*=language-] {
     box-sizing: content-box;
     padding: 15px 40px;
   }
-  .started .code-with-text {
-    width: 100%;
-    margin-left: -40px;
-    margin-right: -40px;
-    padding: 15px 40px;
-    display: block;
-  }
   .started .mdl-tabs__tab-bar {
     margin-left: -40px;
     margin-right: -40px;
@@ -1119,6 +1113,24 @@ code[class*=language-], pre[class*=language-] {
     padding-left: 40px;
     padding-right: 40px;
   }
+  .started .docs-layout .docs-text-styling pre[class*=language-markup] {
+    max-width: none;
+  }
+  .docs-layout .code-with-text {
+    width: 100%;
+    margin-left: -40px;
+    margin-right: -40px;
+    padding: 15px 40px;
+    display: block;
+    box-sizing: content-box;
+  }
+  .docs-layout .code-with-text pre {
+    width: auto;
+    padding-left: 40px;
+    padding-right: 40px;
+    margin-left: -40px;
+    margin-right: -40px;
+  }
 }
 @media (-webkit-min-device-pixel-ratio: 2), /* Webkit-based browsers */
      (min--moz-device-pixel-ratio: 2),    /* Older Firefox browsers (prior to Firefox 16) */