Move search bar below filters; fix clear button height

Author: ajithsureshtii

index.html

@@ -42,17 +42,6 @@ <h1>
           </div>
         </div>
         <hr>
-        <div class="row search-row">
-          <div class="col-xs-12">
-            <div class="input-group search-bar">
-              <span class="input-group-addon"><i class="fas fa-search"></i></span>
-              <input type="text" id="search-input" class="form-control" placeholder="Search by name, venue, location…" autocomplete="off">
-              <span class="input-group-btn">
-                <button id="clear-search" class="btn btn-default" type="button" title="Clear search"><i class="fas fa-times"></i></button>
-              </span>
-            </div>
-          </div>
-        </div>
         <div class="row">
           <div class="col-xs-12">
             <span class="tagtitle"><b>Filter by tags:</b> Select one or more to refine the list, or leave all unchecked to show every deadline.</span>
@@ -111,6 +100,16 @@ <h1>
             <button class="btn btn-default btn-sm sort-btn" data-sort="event-date">Event Date</button>
           </div>
 
+          <div class="col-xs-12 search-row">
+            <div class="input-group search-bar">
+              <span class="input-group-addon"><i class="fas fa-search"></i></span>
+              <input type="text" id="search-input" class="form-control" placeholder="Search by name, venue, location…" autocomplete="off">
+              <span class="input-group-btn">
+                <button id="clear-search" class="btn btn-default" type="button" title="Clear search"><i class="fas fa-times"></i></button>
+              </span>
+            </div>
+          </div>
+
         </div>
 
       </div>

static/css/styles.css

@@ -37,6 +37,11 @@ h2 .evtname {
   border-left: none;
   color: #aaa;
   box-shadow: none;
+  height: 34px;
+  padding-top: 6px;
+  padding-bottom: 6px;
+  font-size: 14px;
+  line-height: 1.42857;
 }
 
 .search-bar .input-group-btn .btn:hover {