css input

web/app/themes/la_mine/asset/dist/style.css

@@ -1430,33 +1430,59 @@ footer .reseaux_sociaux img {
 }
   /* START Mailchimp */
 
-  footer #mc_embed_signup label, footer #mc-embedded-subscribe{
-    padding: 7px 10px;
-    background-color: white;
-    border: 4px solid black;
-  }
+footer #mc_embed_signup label, footer #mc-embedded-subscribe{
+  padding: 7px 10px;
+  background-color: white;
+  border: 4px solid black;
+}
 
-  footer .email{
-    width: 100%;
-    padding: 7px 10px;
-    background-color: #D8D8D8;
-    border-bottom: 4px solid black;
-    border-top: 4px solid black;
-    border-left: none;
-    border-right: none;
-  }
+footer .email{
+  width: 100%;
+  padding: 7px 10px;
+  background-color: #D8D8D8;
+  border-bottom: 4px solid black;
+  border-top: 4px solid black;
+  border-left: none;
+  border-right: none;
+}
+footer #mc_embed_signup_scroll p {
+  margin: 0;
 
-  footer #mc_embed_signup_scroll label{
-    white-space: nowrap;
-    font-weight: bold;
-  }
-  footer #mc_embed_signup_scroll input{
-    width: 100%;
-  }
-  footer #mc-embedded-subscribe:hover{
-    color: white;
-    background-color: black;
-  }
+}
+footer #mc_embed_signup_scroll{
+  align-items: baseline;
+  background: white;
+}
+footer #mc_embed_signup_scroll label{
+  white-space: nowrap;
+  font-weight: bold;
+}
+footer #mc_embed_signup_scroll input{
+  width: 100%;
+}
+footer #mc-embedded-subscribe:hover{
+  color: white;
+  background-color: black;
+}
+footer #mc_embed_signup_scroll{
+  border: 4px solid black;
+}
+footer #mc_embed_signup_scroll > div > p{
+  white-space:nowrap;
+  padding: 0 1rem;
+
+}
+footer #mc_embed_signup_scroll input.email{
+  border-left: 4px solid black;
+  border-right: 4px solid black;
+  border-top: 0;
+  border-bottom: 0;
+}
+
+footer #mc_embed_signup .button{
+  border: none;
+  border-radius: 0;
+}
   /* END MAILCHIMP */
 
   /* START SLIDE  */

web/app/themes/la_mine/templates/footer.twig

@@ -1,4 +1,4 @@
-<section class="information col-12 col-xl-8 col-lg-12 p-0">
+<section class="information col-12 col-xl-7 col-lg-12 p-0">
   <div class="d-flex justify-content-around flex-wrap">
     <div class="logo_lamine col-lg-3 col-sm-6">
       <a href="{{site.url}}"><img src="{{ Image(options.lamine_footer.image_logo).src }}" /></a>
@@ -36,20 +36,17 @@
   </div>
 </section>
 
-<section class="join-us col-12 col-xl-4 col-lg-12 p-0">
+<section class="join-us col-12 col-xl-5 col-lg-12 p-0">
 <div>
   <div class="send_actu">
   <!-- Begin Mailchimp Signup Form -->
-  <link href="//cdn-images.mailchimp.com/embedcode/horizontal-slim-10_7.css" rel="stylesheet" type="text/css">
-  <style type="text/css">
-  	#mc_embed_signup{clear:left; font:14px Helvetica,Arial,sans-serif; width:100%;}
-  </style>
   <div id="mc_embed_signup">
     <form action="https://kevintessier.us19.list-manage.com/subscribe/post?u=a98b763288f940083bf28857c&amp;id=364a0fe850" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
-      <div id="mc_embed_signup_scroll">
-    	  <input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required>
+      <div class="d-flex" id="mc_embed_signup_scroll">
+        <div><p>Recevoir l'actualité de La Mine</p></div>
+    	  <input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="E-mail" required>
         <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_a98b763288f940083bf28857c_364a0fe850" tabindex="-1" value=""></div>
-        <div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
+        <div class="clear"><input type="submit" value="Ok" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
       </div>
     </form>
   </div>