From 50dce08b82dddae69867e5faf04d528b21f0fac9 Mon Sep 17 00:00:00 2001
From: samwisekind <samuel.kindler@icloud.com>
Date: Tue, 17 Sep 2024 19:51:48 +0100
Subject: [PATCH] Update catalogue search

---
 src/components/Filters/Filters.module.scss                  | 3 ++-
 src/pages/research/catalogues/bottlenose-dolphin/[slug].tsx | 2 +-
 src/pages/research/catalogues/index.tsx                     | 2 +-
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/Filters/Filters.module.scss b/src/components/Filters/Filters.module.scss
index a6f15e0..3979bd8 100644
--- a/src/components/Filters/Filters.module.scss
+++ b/src/components/Filters/Filters.module.scss
@@ -41,6 +41,7 @@
 
 .dropdown {
   margin-right: $global-spacing-large;
+  padding-right: 20px;
 
   @include breakpoint('small') {
     margin-right: 0;
@@ -50,7 +51,7 @@
 .search {
   margin-left: auto;
   display: block;
-  width: 250px;
+  width: 350px;
 
   @include breakpoint('small') {
     width: 100%;
diff --git a/src/pages/research/catalogues/bottlenose-dolphin/[slug].tsx b/src/pages/research/catalogues/bottlenose-dolphin/[slug].tsx
index c454c4e..9dbabdb 100644
--- a/src/pages/research/catalogues/bottlenose-dolphin/[slug].tsx
+++ b/src/pages/research/catalogues/bottlenose-dolphin/[slug].tsx
@@ -67,7 +67,7 @@ const Search = () => {
     <div className={classes.join(' ')}>
       <input
         type="search"
-        placeholder="Search by name, ID, AUID..."
+        placeholder="Search by name, ID, AUID, birth year..."
         onChange={({ target }) => handleSearchChange((target as HTMLInputElement).value)}
       />
 
diff --git a/src/pages/research/catalogues/index.tsx b/src/pages/research/catalogues/index.tsx
index 61bd4b5..aa03a41 100644
--- a/src/pages/research/catalogues/index.tsx
+++ b/src/pages/research/catalogues/index.tsx
@@ -102,7 +102,7 @@ const Page: NextPage<PageProps> = ({
           options: [{ text: 'Bottlenose dolphins', value: 'bottlenose-dolphin' }],
           callback: () => {},
         }]}
-        searchLabel="Search by ID or name..."
+        searchLabel="Search by name, ID, AUID, birth year..."
       />
 
       <div className={loading ? styles.loading : ''}>