From d96077d7b3ae928d07d6d86094f486e87a12b8ca Mon Sep 17 00:00:00 2001 From: developomp Date: Mon, 20 Dec 2021 09:11:26 +0900 Subject: [PATCH] Search bar css fix - lowered search bar height - centered text - decreased font size --- source/src/pages/Search/SearchBar.tsx | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/source/src/pages/Search/SearchBar.tsx b/source/src/pages/Search/SearchBar.tsx index 088acf8..d0bc6d4 100644 --- a/source/src/pages/Search/SearchBar.tsx +++ b/source/src/pages/Search/SearchBar.tsx @@ -5,9 +5,9 @@ import theming from "../../styles/theming" const StyledSearchBar = styled.input` width: 100%; border-radius: 100px; /* arbitrarily large value */ - height: 3rem; - text-indent: 1rem; - font-size: 1.25rem; + height: 2.5rem; + text-align: center; + font-size: 1.2rem; outline: none; border: ${(props) =>