Reposition the search button such that it is properly aligned with its brother...

Reposition the search button such that it is properly aligned with its brother elements. It fixes #67.

www/css/doi.css

@@ -66,6 +66,19 @@ label {
     }
 }
 
+@media only screen and (max-width: 1200px) {
+    .searchButtonDiv {
+        padding-left: 15px;
+    }
+}
+
+@media only screen and (min-width: 1201px) {
+    .searchButtonDiv {
+        padding-left: 0px;
+    }
+}
+
+
 /* ########################################### */
 
 /*     override bootstrap specific classes     */

www/templates/welcome_tpl.js

@@ -26,15 +26,18 @@
           </div>
           <div class="card-body padding10">
             <p>
-              The search engine below only searches DOIs which have been minted at the ESRF. </br> Use <a href="https://doi.org">
-              doi.org </a> search engine for other DOIs.
+              The search engine below only searches DOIs which have been minted at the ESRF. <br/> Use 
+              <a href="https://doi.org">
+              doi.org 
+              </a> 
+              search engine for other DOIs.
             </p>
             <div class="row">
               <div class="col-xl-9 padding-right-0">
                 <p> <input id="doiSearchBox" class="form-control" placeholder="10.15151/ESRF-ES-90632078" type="text" required/> </p>
                 <div class="text-danger" id="error"> </div>  
               </div>
-              <div class="col padding-left-0">   
+              <div class="col searchButtonDiv">   
                 <input class="btn btn-primary" type="submit" value="Search" onclick="searchDOI()" />    
               </div>
             </div>