preserve longer email input on mobile (bug 1254033)

spasovski · spasovski · commit 9a58a10aff2f · 2016-03-23T12:59:37.000-04:00
diff --git a/src/media/css/newsletter.styl b/src/media/css/newsletter.styl
@@ -75,6 +75,10 @@ $arrow-size = 10px;
     form label {
         display: inline-block;
         font-weight: 500;
+
+        &.newsletter-email-label {
+            display: block;
+        }
     }
 
     .error-message {
@@ -223,4 +227,7 @@ $arrow-size = 10px;
     .newsletter label span {
         display: none;
     }
+    .newsletter form label.newsletter-email-label {
+        display: inline-block;
+    }
 }
diff --git a/src/templates/newsletter.html b/src/templates/newsletter.html
@@ -9,7 +9,7 @@ <h3>{{ _('Get Firefox news! Sign up for our newsletter') }}</h3>
 </section>
 <div class="newsletter{{ ' newsletter-signup-page' if standalone_newsletter_signup }}">
   <form class="c" method="post" novalidate>
-    <label>
+    <label class="newsletter-email-label">
       <span>{{ _('Email Address') }}</span>
       <input type="email" class="email newsletter-email-field" name="email" placeholder="{{ _('Email') }}" value="{{ user_email }}" required>
     </label>

Original file line number	Diff line number	Diff line change
`@@ -75,6 +75,10 @@ $arrow-size = 10px;`
`75`	`75`	`form label {`
`76`	`76`	`display: inline-block;`
`77`	`77`	`font-weight: 500;`
	`78`	`+`
	`79`	`+ &.newsletter-email-label {`
	`80`	`+ display: block;`
	`81`	`+ }`
`78`	`82`	`}`
`79`	`83`
`80`	`84`	`.error-message {`
`@@ -223,4 +227,7 @@ $arrow-size = 10px;`
`223`	`227`	`.newsletter label span {`
`224`	`228`	`display: none;`
`225`	`229`	`}`
	`230`	`+ .newsletter form label.newsletter-email-label {`
	`231`	`+ display: inline-block;`
	`232`	`+ }`
`226`	`233`	`}`