tweaks for left alignment and text transform theme attribute

[RT-469](https://jira.wnyc.org/browse/RT-469)
nypublicradio · Feb 14, 2018 · 7471427 · 7471427
1 parent 020a685
commit 7471427
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 11 deletions.
diff --git a/src/NewsletterSignup.css b/src/NewsletterSignup.css
@@ -2,7 +2,7 @@
   display: flex;
   flex-direction: column;
   justify-content: center;
-  text-align: center;
+  text-align: left;
   padding: 30px 25px;
 }
 

diff --git a/src/SignupForm.css b/src/SignupForm.css
@@ -1,5 +1,4 @@
 .SignupForm {
-  max-width: 270px;
   width: 100%;
   margin: 0 auto;
   display: flex;
@@ -23,20 +22,17 @@
 
 .SignupForm > input::placeholder {
   color: black;
-  text-align: center;
 }
 
 .SignupForm > button {
   appearance: none;
   cursor: pointer;
   display: block;
-  flex: 1 1 100%;
-  padding: 3px 0;
+  padding: 3px 10px;
   border: none;
   background-color: #dcf42c;
   font-family: "Oswald", sans-serif;
   font-size: 18px;
-  text-transform: uppercase;
 }
 
 .SignupForm__message {
@@ -47,18 +43,14 @@
 }
 
 @media only screen and (min-width: 481px) {
-  .SignupForm {
-    max-width: 443px;
-  }
-
   .SignupForm__message {
     top: 40px;
   }
 
   .SignupForm input {
     margin-bottom: 0;
     font-size: 18px;
-    padding: 5px 10px 5px 20px;
+    padding: 5px 10px;
   }
 
   .SignupForm input::placeholder {