From b74642af88d1486d4fdbd1574353567745b07fb9 Mon Sep 17 00:00:00 2001
From: Francesco Lodolo <flod@lodolo.net>
Date: Tue, 7 Jan 2025 08:09:58 +0100
Subject: [PATCH 1/2] Make advanced search options more discoverable

---
 translate/src/modules/search/components/SearchBox.css   | 2 +-
 translate/src/modules/search/components/SearchPanel.css | 7 ++++++-
 translate/src/modules/search/components/SearchPanel.tsx | 5 ++++-
 3 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/translate/src/modules/search/components/SearchBox.css b/translate/src/modules/search/components/SearchBox.css
index cdbe3fb55..a09c128af 100644
--- a/translate/src/modules/search/components/SearchBox.css
+++ b/translate/src/modules/search/components/SearchBox.css
@@ -12,7 +12,7 @@
   font-size: 14px;
   font-weight: 300;
   line-height: 23px;
-  padding: 5px 33px 5px 37px;
+  padding: 5px 36px 5px 37px;
   width: 100%;
 }
 
diff --git a/translate/src/modules/search/components/SearchPanel.css b/translate/src/modules/search/components/SearchPanel.css
index cdb7b0a82..714ac2c25 100644
--- a/translate/src/modules/search/components/SearchPanel.css
+++ b/translate/src/modules/search/components/SearchPanel.css
@@ -15,9 +15,14 @@
 
     .fas {
       font-size: 17px;
-      margin-left: 10px;
+      margin-left: 1px;
       margin-top: 9px;
     }
+
+    .fa-caret-down {
+      font-size: 13px;
+      transform: translate(35%, -25%);
+    }
   }
 
   & .menu {
diff --git a/translate/src/modules/search/components/SearchPanel.tsx b/translate/src/modules/search/components/SearchPanel.tsx
index d9f2aff6e..381d430c3 100644
--- a/translate/src/modules/search/components/SearchPanel.tsx
+++ b/translate/src/modules/search/components/SearchPanel.tsx
@@ -128,7 +128,10 @@ export function SearchPanel({
   return (
     <div className='search-panel'>
       <div className='visibility-switch' onClick={toggleVisible}>
-        <span className='fas fa-search'></span>
+        <span className='fa-stack'>
+          <i className='fas fa-search fa-stack-2x'></i>
+          <i className='fas fa-caret-down fa-stack-1x'></i>
+        </span>
       </div>
       {visible ? (
         <SearchPanelDialog

From df344b1345747b897a91897a4c40af833ff41e21 Mon Sep 17 00:00:00 2001
From: Francesco Lodolo <flod@lodolo.net>
Date: Tue, 7 Jan 2025 12:17:50 +0100
Subject: [PATCH 2/2] Add highlighting on hover

---
 translate/src/modules/search/components/SearchPanel.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/translate/src/modules/search/components/SearchPanel.css b/translate/src/modules/search/components/SearchPanel.css
index 714ac2c25..314d06741 100644
--- a/translate/src/modules/search/components/SearchPanel.css
+++ b/translate/src/modules/search/components/SearchPanel.css
@@ -9,7 +9,7 @@
     position: absolute;
     width: 43px;
 
-    &:hover::before {
+    &:hover {
       color: var(--white-1);
     }