Fix form allignment in mobile view. (#17007)
* Fix form alignement in mobile view * Remove margin left * Add mare space between input and buttonpull/19291/head
parent
0181d88219
commit
a5f2cece61
|
@ -14,6 +14,7 @@
|
|||
<link href="https://cdn-images.mailchimp.com/embedcode/horizontal-slim-10_7.css" rel="stylesheet" type="text/css">
|
||||
<style type="text/css">
|
||||
#mc_embed_signup{clear:left; width:100%;}
|
||||
#mc_embed_signup .button, #mc_embed_signup input.email {margin-right:15px; vertical-align: bottom}
|
||||
/* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
|
||||
We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
|
||||
</style>
|
||||
|
@ -27,7 +28,7 @@
|
|||
<input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" aria-label="email" required>
|
||||
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
|
||||
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_3885586f8f1175194017967d6_11c1b8bcb2" tabindex="-1" value=""></div>
|
||||
<div class="clear" style="margin-left: 15px;"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
|
||||
<div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
|
||||
</div>
|
||||
</form>
|
||||
<h5 style="text-align: center"><a href="https://us10.campaign-archive.com/home/?u=3885586f8f1175194017967d6&id=11c1b8bcb2" aria-label="Kube Weekly" style="color: #3371E3; font-weight: 400; font-size: 20px">{{ T "main_kubeweekly_past_link" }}</a></h5>
|
||||
|
|
Loading…
Reference in New Issue