From e4dd9b037cf0016e54d521d5f7d74470ec5ff613 Mon Sep 17 00:00:00 2001
From: Will Howell <will.s.howell@gmail.com>
Date: Tue, 18 Jul 2017 09:22:45 -0400
Subject: [PATCH] docs(demos): contain input example forms

- This fixes an issue where, on small screens, the form would extend beyond the bounds of the containing card
---
 src/material-examples/input-errors/input-errors-example.css      | 1 +
 src/material-examples/input-form/input-form-example.css          | 1 +
 src/material-examples/input-hint/input-hint-example.css          | 1 +
 .../input-prefix-suffix/input-prefix-suffix-example.css          | 1 +
 4 files changed, 4 insertions(+)

diff --git a/src/material-examples/input-errors/input-errors-example.css b/src/material-examples/input-errors/input-errors-example.css
index 269cb291ad0c..b1b737748c02 100644
--- a/src/material-examples/input-errors/input-errors-example.css
+++ b/src/material-examples/input-errors/input-errors-example.css
@@ -1,5 +1,6 @@
 .example-form {
   width: 500px;
+  max-width: 100%;
 }
 
 .example-full-width {
diff --git a/src/material-examples/input-form/input-form-example.css b/src/material-examples/input-form/input-form-example.css
index 269cb291ad0c..b1b737748c02 100644
--- a/src/material-examples/input-form/input-form-example.css
+++ b/src/material-examples/input-form/input-form-example.css
@@ -1,5 +1,6 @@
 .example-form {
   width: 500px;
+  max-width: 100%;
 }
 
 .example-full-width {
diff --git a/src/material-examples/input-hint/input-hint-example.css b/src/material-examples/input-hint/input-hint-example.css
index 269cb291ad0c..b1b737748c02 100644
--- a/src/material-examples/input-hint/input-hint-example.css
+++ b/src/material-examples/input-hint/input-hint-example.css
@@ -1,5 +1,6 @@
 .example-form {
   width: 500px;
+  max-width: 100%;
 }
 
 .example-full-width {
diff --git a/src/material-examples/input-prefix-suffix/input-prefix-suffix-example.css b/src/material-examples/input-prefix-suffix/input-prefix-suffix-example.css
index 269cb291ad0c..b1b737748c02 100644
--- a/src/material-examples/input-prefix-suffix/input-prefix-suffix-example.css
+++ b/src/material-examples/input-prefix-suffix/input-prefix-suffix-example.css
@@ -1,5 +1,6 @@
 .example-form {
   width: 500px;
+  max-width: 100%;
 }
 
 .example-full-width {