From 6f874eb2468727f7e42b1c7c6035266b0a042bba Mon Sep 17 00:00:00 2001
From: Gary Thomas <gary.thomas@appfolio.com>
Date: Mon, 25 Jun 2018 10:35:07 -0700
Subject: [PATCH 1/2] gt - Make AddressInput responsive

---
 src/components/AddressInput.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/AddressInput.js b/src/components/AddressInput.js
index 9f117cdb5..60f5e4633 100644
--- a/src/components/AddressInput.js
+++ b/src/components/AddressInput.js
@@ -104,9 +104,9 @@ class AddressInput extends React.Component {
           />
         </FormLabelGroup>
         <Row className="no-gutters">
-          <Col sm={6} xs={5}>
+          <Col sm={6} xs={12} className="pr-sm-3">
             <FormLabelGroup
-              rowClassName={classnames({ 'mb-0': !showCountry })}
+              rowClassName={classnames({ 'mb-sm-0': !showCountry })}
               feedback={error.city}
               label={showLabels ? labels.city : null}
               stacked
@@ -124,7 +124,7 @@ class AddressInput extends React.Component {
               />
             </FormLabelGroup>
           </Col>
-          <Col sm={2} xs={3} className="px-3">
+          <Col sm={2} xs={3} className="pr-3">
             <FormLabelGroup
               rowClassName={classnames({ 'mb-0': !showCountry })}
               feedback={error.state}
@@ -144,7 +144,7 @@ class AddressInput extends React.Component {
               />
             </FormLabelGroup>
           </Col>
-          <Col sm={4} xs={4}>
+          <Col sm={4} xs={9}>
             <FormLabelGroup
               rowClassName={classnames({ 'mb-0': !showCountry })}
               label={showLabels ? labels.postal : null}

From 7c9384ef0562e07c6428a08c423b9cc6cd9d2b71 Mon Sep 17 00:00:00 2001
From: Gary Thomas <gary.thomas@appfolio.com>
Date: Mon, 25 Jun 2018 11:11:31 -0700
Subject: [PATCH 2/2] gt - Update widths

---
 src/components/AddressInput.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/AddressInput.js b/src/components/AddressInput.js
index 60f5e4633..215d25fa6 100644
--- a/src/components/AddressInput.js
+++ b/src/components/AddressInput.js
@@ -124,7 +124,7 @@ class AddressInput extends React.Component {
               />
             </FormLabelGroup>
           </Col>
-          <Col sm={2} xs={3} className="pr-3">
+          <Col sm={2} xs={4} className="pr-3">
             <FormLabelGroup
               rowClassName={classnames({ 'mb-0': !showCountry })}
               feedback={error.state}
@@ -144,7 +144,7 @@ class AddressInput extends React.Component {
               />
             </FormLabelGroup>
           </Col>
-          <Col sm={4} xs={9}>
+          <Col sm={4} xs={8}>
             <FormLabelGroup
               rowClassName={classnames({ 'mb-0': !showCountry })}
               label={showLabels ? labels.postal : null}