diff options
| -rw-r--r-- | FrontEnd/src/app/views/common/SearchInput.tsx | 1 | ||||
| -rw-r--r-- | FrontEnd/src/app/views/timeline-common/TimelineMember.tsx | 5 |
2 files changed, 4 insertions, 2 deletions
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); |