Update catalogue search

CRRU-UK · Sep 17, 2024 · 50dce08 · 50dce08
1 parent 0151e6b
commit 50dce08
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 3 deletions.
diff --git 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
@@ -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
@@ -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 : ''}>