Merge pull request #21019 from overleaf/mf-new-gallery-search-style

[web] Implement the new gallery search form style

GitOrigin-RevId: e9986344ac554a45c20e61454f2e20997a8e741a

services/web/frontend/stylesheets/bootstrap-5/components/all.scss

@@ -28,5 +28,6 @@
 @import 'link';
 @import 'pagination';
 @import 'loading-spinner';
+@import 'gallery-search';
 @import 'error-boundary';
 @import 'close-button';

services/web/frontend/stylesheets/bootstrap-5/components/gallery-search.scss

@@ -0,0 +1,24 @@
+.gallery-search {
+  form {
+    display: flex;
+    justify-content: center;
+    gap: var(--spacing-04);
+
+    @include media-breakpoint-down(md) {
+      .form-control-wrapper {
+        width: 100%;
+      }
+    }
+
+    input {
+      padding-top: var(--spacing-06);
+      padding-right: var(--spacing-06);
+      padding-bottom: var(--spacing-06);
+      height: 48px;
+
+      @include media-breakpoint-up(md) {
+        width: 544px;
+      }
+    }
+  }
+}