From be43bd2d2075d29d4546d3a04fe6fe7faae11a40 Mon Sep 17 00:00:00 2001
From: M Fahru <m.fahru@overleaf.com>
Date: Wed, 16 Oct 2024 11:00:47 -0700
Subject: [PATCH] Merge pull request #21019 from
 overleaf/mf-new-gallery-search-style

[web] Implement the new gallery search form style

GitOrigin-RevId: e9986344ac554a45c20e61454f2e20997a8e741a
---
 .../bootstrap-5/components/all.scss           |  1 +
 .../components/gallery-search.scss            | 24 +++++++++++++++++++
 2 files changed, 25 insertions(+)
 create mode 100644 services/web/frontend/stylesheets/bootstrap-5/components/gallery-search.scss

diff --git a/services/web/frontend/stylesheets/bootstrap-5/components/all.scss b/services/web/frontend/stylesheets/bootstrap-5/components/all.scss
index 2e4824a2e1..40a1a57bbe 100644
--- a/services/web/frontend/stylesheets/bootstrap-5/components/all.scss
+++ b/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';
diff --git a/services/web/frontend/stylesheets/bootstrap-5/components/gallery-search.scss b/services/web/frontend/stylesheets/bootstrap-5/components/gallery-search.scss
new file mode 100644
index 0000000000..eefa420c59
--- /dev/null
+++ b/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;
+      }
+    }
+  }
+}