From 5b78017e93450342c85a0e7f5ed16bbb6ae8422e Mon Sep 17 00:00:00 2001
From: crupest <crupest@outlook.com>
Date: Wed, 11 Nov 2020 23:48:57 +0800
Subject: fix: Bug in search input and layout in timeline member.

---
 FrontEnd/src/app/views/common/SearchInput.tsx             | 1 +
 FrontEnd/src/app/views/timeline-common/TimelineMember.tsx | 5 +++--
 2 files changed, 4 insertions(+), 2 deletions(-)

(limited to 'FrontEnd/src')

diff --git a/FrontEnd/src/app/views/common/SearchInput.tsx b/FrontEnd/src/app/views/common/SearchInput.tsx
index 1373bd68..eb127fcf 100644
--- a/FrontEnd/src/app/views/common/SearchInput.tsx
+++ b/FrontEnd/src/app/views/common/SearchInput.tsx
@@ -30,6 +30,7 @@ const SearchInput: React.FC<SearchInputProps> = (props) => {
     (event: React.KeyboardEvent<HTMLInputElement>): void => {
       if (event.key === "Enter") {
         onButtonClick();
+        event.preventDefault();
       }
     },
     [onButtonClick]
diff --git a/FrontEnd/src/app/views/timeline-common/TimelineMember.tsx b/FrontEnd/src/app/views/timeline-common/TimelineMember.tsx
index 67a8543a..089d11a0 100644
--- a/FrontEnd/src/app/views/timeline-common/TimelineMember.tsx
+++ b/FrontEnd/src/app/views/timeline-common/TimelineMember.tsx
@@ -84,8 +84,8 @@ const TimelineMember: React.FC<TimelineMemberProps> = (props) => {
   const members = props.members;
 
   return (
-    <Container className="px-4">
-      <ListGroup className="my-3">
+    <Container className="px-4 py-3">
+      <ListGroup>
         {members.map((member, index) => (
           <TimelineMemberItem
             key={member.username}
@@ -101,6 +101,7 @@ const TimelineMember: React.FC<TimelineMemberProps> = (props) => {
           return (
             <>
               <SearchInput
+                className="mt-3"
                 value={userSearchText}
                 onChange={(v) => {
                   setUserSearchText(v);
-- 
cgit v1.2.3