From 7d70d0270b5a070b754bca8e1d740c86fd9ac48d Mon Sep 17 00:00:00 2001
From: crupest <crupest@outlook.com>
Date: Thu, 3 Sep 2020 19:19:50 +0800
Subject: Enhance search bar in home page.

---
 Timeline/ClientApp/src/app/views/common/SearchInput.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

(limited to 'Timeline/ClientApp/src/app/views/common/SearchInput.tsx')

diff --git a/Timeline/ClientApp/src/app/views/common/SearchInput.tsx b/Timeline/ClientApp/src/app/views/common/SearchInput.tsx
index 12e61a5c..9833d515 100644
--- a/Timeline/ClientApp/src/app/views/common/SearchInput.tsx
+++ b/Timeline/ClientApp/src/app/views/common/SearchInput.tsx
@@ -36,9 +36,9 @@ const SearchInput: React.FC<SearchInputProps> = (props) => {
   );
 
   return (
-    <div className={clsx("form-inline my-2", props.className)}>
+    <Form inline className={clsx("my-2", props.className)}>
       <Form.Control
-        className="mr-sm-2"
+        className="mr-sm-2 flex-grow-1"
         value={props.value}
         onChange={onInputChange}
         onKeyPress={onInputKeyPress}
@@ -56,7 +56,7 @@ const SearchInput: React.FC<SearchInputProps> = (props) => {
           </Button>
         )}
       </div>
-    </div>
+    </Form>
   );
 };
 
-- 
cgit v1.2.3

