Merge pull request #1385 from sul-dlss/searchform-width

Allow the search form to fill its column on the home page

app/assets/stylesheets/earthworks.css

@@ -152,16 +152,20 @@
   border-radius: .25rem;
   background-color: white;
   width: 100%; /* overrides https://github.com/projectblacklight/blacklight/blob/69373f202753f04ec6aca179fdf8fa01248a9edf/app/assets/stylesheets/blacklight/_header.scss#L32 */
-  @media (min-width: 576px) {
-    max-width: 520px;
-  }
 }
 
 .navbar-search {
   --bs-light-rgb: var(--stanford-fog-light-rgb);
   --bs-navbar-padding-y: 1rem;
 }
 
+/* Search bar outside of homepage: override GBL to set a smaller max-width */
+.navbar-search .search-query-form {
+  @media (min-width: 768px) {
+    max-width: 520px;
+  }
+}
+
 .navbar-search > .container-fluid {
   @media (max-width: 767.98px) {
     justify-content: center;
@@ -335,4 +339,4 @@ label.toggle-bookmark {
   --bs-navbar-toggler-border-color: var(--stanford-digital-blue);
   color: var(--stanford-digital-blue);
   --bs-navbar-toggler-padding-y: .5rem;
-}
+}