From d9cba02237b95213749f584382e9ba9db391685c Mon Sep 17 00:00:00 2001
From: Ofer Shaal <ofer@3paces.com>
Date: Tue, 3 Jul 2018 11:42:15 -0400
Subject: [PATCH 1/2] Fix PL horizontal scroll

---
 .../_patterns/00-base/global/base/_pl-base.scss      | 12 ++++++------
 .../01-atoms/05-forms/textfields/_textfields.scss    |  1 +
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/components/_patterns/00-base/global/base/_pl-base.scss b/components/_patterns/00-base/global/base/_pl-base.scss
index 4f9b79a5..5d0691f7 100644
--- a/components/_patterns/00-base/global/base/_pl-base.scss
+++ b/components/_patterns/00-base/global/base/_pl-base.scss
@@ -1,10 +1,6 @@
 // These styles are specifically for Pattern Lab.
 // They are not used by the site in any way.
 
-.sg-main {
-  @include wrapper;
-}
-
 .pl-template {
   display: flex;
   flex-flow: column nowrap;
@@ -16,11 +12,11 @@
     font-size: 3rem;
     text-transform: uppercase;
     background-color: $gray-darker;
-    margin: 0 calc(-50vw + 50%) $space calc(-50vw + 50%);
 
     a {
       @include wrapper(
-        $v-padding: $space
+        $v-padding: $space,
+        $h-padding: $space / 2
       );
 
       display: block;
@@ -30,6 +26,10 @@
     }
   }
 
+  .sg-pattern > div {
+    @include wrapper;
+  }
+
   .sg-pattern-title {
     color: #738ba3;
     font-size: 1.4rem !important;
diff --git a/components/_patterns/01-atoms/05-forms/textfields/_textfields.scss b/components/_patterns/01-atoms/05-forms/textfields/_textfields.scss
index 7c0f0fbb..798eb66d 100644
--- a/components/_patterns/01-atoms/05-forms/textfields/_textfields.scss
+++ b/components/_patterns/01-atoms/05-forms/textfields/_textfields.scss
@@ -20,6 +20,7 @@
 .form-item__textfield {
   border: 1px solid $gray-lightest;
   padding: 0.6em;
+  max-width: 100%;
 
   &:focus {
     border-color: $black;

From 6e181dce7655ea13923284c7e58a195b645461c9 Mon Sep 17 00:00:00 2001
From: Ofer Shaal <ofer@3paces.com>
Date: Fri, 6 Jul 2018 19:56:04 -0400
Subject: [PATCH 2/2] Remove horizontal padding because it was causing weird
 issues in testing

---
 components/_patterns/00-base/global/base/_pl-base.scss | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/components/_patterns/00-base/global/base/_pl-base.scss b/components/_patterns/00-base/global/base/_pl-base.scss
index 5d0691f7..e11e5c0d 100644
--- a/components/_patterns/00-base/global/base/_pl-base.scss
+++ b/components/_patterns/00-base/global/base/_pl-base.scss
@@ -15,8 +15,7 @@
 
     a {
       @include wrapper(
-        $v-padding: $space,
-        $h-padding: $space / 2
+        $v-padding: $space
       );
 
       display: block;