Fixes the newsletter layout at the bottom (#759)

look/fsfe.less

@@ -126,14 +126,14 @@ body {
 
 .svg #followup {
     @media (min-width: @screen-sm-min) {
-        background: url(/graphics/ribbon.svg) no-repeat 100% -70px @body-bg; 
+        background: url(/graphics/ribbon.svg) no-repeat 100% -70px @body-bg;
     }
 }
 
 #followup.join {
-    background: url(/graphics/fellowship/ribbon_fellowship2.png) no-repeat 100% -30px @body-bg; 
+    background: url(/graphics/fellowship/ribbon_fellowship2.png) no-repeat 100% -30px @body-bg;
     @media (min-width: @screen-sm-min) {
-        background: url(/graphics/fellowship/ribbon_fellowship2.png) no-repeat 100% -50% @body-bg; 
+        background: url(/graphics/fellowship/ribbon_fellowship2.png) no-repeat 100% -50% @body-bg;
     }
 }
 
@@ -196,7 +196,7 @@ img.signatory-logo {
             }
 
             p.text {
-                /*background: url('/graphics/fsfs.png') top center no-repeat transparent; 
+                /*background: url('/graphics/fsfs.png') top center no-repeat transparent;
                 background-size: contain; */
                 -moz-hyphens: manual;
                 -webkit-hyphens: manual;
@@ -680,17 +680,17 @@ ul.archivetaglist { margin-left: 6%; }
     }
 
     #followup {
-        background: url(/graphics/ribbonv.png) no-repeat 100% -40px @body-bg; 
+        background: url(/graphics/ribbonv.png) no-repeat 100% -40px @body-bg;
 
         @media (min-width: @screen-sm-min) {
-            background: url(/graphics/ribbonv.png) no-repeat 100% -70px @body-bg; 
+            background: url(/graphics/ribbonv.png) no-repeat 100% -70px @body-bg;
         }
     }
 }
 
 .svg .valentine-ilovefs #followup {
     @media (min-width: @screen-sm-min) {
-        background: url(/graphics/ribbonv.svg) no-repeat 100% -70px @body-bg; 
+        background: url(/graphics/ribbonv.svg) no-repeat 100% -70px @body-bg;
     }
 }
 
@@ -734,7 +734,7 @@ ul.archivetaglist { margin-left: 6%; }
 
 .wiki #direct-links {
     visibility: visible;
-    
+
     a {
         display:inline-block;
     }
@@ -1100,13 +1100,23 @@ video#freeyourandroid {
 
 #formnl {
 
+    select {
+        display: inline-block;
+        height: 45px;
+        line-height: 45px;
+        margin-right: 10px;
+        width: auto;
+    }
+
     #submit {
         .btn;
-        .btn-lg;
         .btn-block;
         .btn-primary;
-        font-size: 1.4em;
-        margin-bottom: 5px;
+        display: inline-block;
+        font-size: 21px;
+        line-height: 31px;
+        padding: 6px 12px;
+        width: auto;
     }
 
 }

look/style.less

@@ -327,7 +327,7 @@ div#subpages, .grid-row {
           font-size: 1em;
           font-weight: normal;
         }
-        
+
         h2::after {
           content: ":";
         }
@@ -848,7 +848,7 @@ div#subpages, .grid-row {
     a.btn {
         .btn-primary;
     }
-    
+
     @media (min-width: @screen-sm-min) {
         padding: 3em 3em 3em 2em;
     }
@@ -856,11 +856,22 @@ div#subpages, .grid-row {
 
 #followup.subscribe-nl {
     h2 {
-        .make-sm-column(5);
-        margin: 0;
+        .make-md-column(6);
+        .make-lg-column(5);
+        margin: 0 0 10px;
     }
     form {
-        .make-sm-column(7);
+        .make-md-column(6);
+        .make-lg-column(7);
+    }
+}
+
+@media (min-width: @screen-md-min) {
+    #followup.subscribe-nl {
+        h2 {
+            margin: 0;
+            top: 5px;
+        }
     }
 }
 
@@ -1528,11 +1539,11 @@ ul.taglist {
     .table-striped;
     margin-top: 40px;
   }
-  
+
   table > tbody > tr > td {
     vertical-align: middle;
   }
-    
+
   img {
     height: auto;
     max-height: 65px;