increase size of embed when message appears

nypublicradio · Jan 19, 2018 · f24bf1e · f24bf1e
1 parent 10ba7d1
commit f24bf1e
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 2 deletions.
diff --git a/src/App.css b/src/App.css
@@ -3,7 +3,7 @@
   flex-direction: column;
   justify-content: center;
   text-align: center;
-  padding: 75px 25px;
+  padding: 30px 25px;
 }
 
 .not-embedded .App {

diff --git a/src/SignupForm.css b/src/SignupForm.css
@@ -7,6 +7,10 @@
   position: relative;
 }
 
+.SignupForm--extend {
+  margin-bottom: 35px;
+}
+
 .SignupForm > input {
   flex: 1 1 100%;
   font-size: 14px;

diff --git a/src/SignupForm.js b/src/SignupForm.js
@@ -60,7 +60,7 @@ class SubscribeForm extends Component {
     const { action, messages } = this.props
     const { status, msg } = this.state
     return (
-      <form className="SignupForm" action={action} method="post" noValidate>
+      <form className={`SignupForm${status ? ' SignupForm--extend' : ''}`} action={action} method="post" noValidate>
         <input
           ref={node => (this.input = node)}
           type="email"