From 654f46f2ca15de204f2e8c408b027a9a5b301703 Mon Sep 17 00:00:00 2001
From: itepechi <72330683+itepechi@users.noreply.github.com>
Date: Sun, 6 Aug 2023 19:41:39 +0900
Subject: [PATCH] Match search component styles to the search bar

---
 src/components/search/search.vue | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/components/search/search.vue b/src/components/search/search.vue
index e893ca02..4bc56ba1 100644
--- a/src/components/search/search.vue
+++ b/src/components/search/search.vue
@@ -176,10 +176,19 @@
     font-size: 1rem;
     padding: 0.5rem;
     box-sizing: border-box;
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
   }
 
   .search-button {
-    margin-left: 0.5em;
+    aspect-ratio: 1/1;
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
+    box-shadow: var(--inputShadow);
+
+    &:hover {
+      box-shadow: var(--buttonHoverShadow);
+    }
   }
 }
 
@@ -211,5 +220,4 @@
     color: var(--text, $fallback--text);
   }
 }
-
 </style>