Change padding and alignment for search bar

Part of #1279

app/assets/stylesheets/earthworks.css

@@ -134,26 +134,48 @@
   outline: none;
 }
 
+.search-q .input-group {
+  padding: .5rem
+}
+
 .input-group > .search-autocomplete-wrapper {
   border: none;
 }
 
-.search-query-form, .navbar-search .search-query-form{
+.input-group > .search-autocomplete-wrapper input {
+  padding-top: 0;
+  padding-bottom: 0
+}
+
+.search-query-form, .navbar-search .search-query-form {
   border: 1px solid #ABABA9;
-  padding: .5rem;
+  padding: 8px;
   border-radius: .25rem;
   background-color: white;
+  max-height: 47px;
+  width: 100%;
+  @media (min-width: 576px) {
+    max-width: 520px;
+  }
 }
 
 .navbar-search {
   --bs-light-rgb: var(--stanford-fog-light-rgb);
 }
 
+.navbar-search > .container-fluid {
+  justify-content: center;
+  @media (min-width: 768px) {
+    justify-content: space-between;
+  }
+}
 .search-query-form input:focus {
   box-shadow: none;
 }
 .search-query-form .search-btn {
   border-radius: .25rem!important;
+  max-height: 31px;
+  align-items: center;
 }
 
 /* TODO: when we get a new blacklight release (v8.3.1)