From 462e3b2ff32c90d562bbb35d270260a8a83f0492 Mon Sep 17 00:00:00 2001 From: yougotwill Date: Fri, 2 Aug 2024 12:19:04 +1000 Subject: [PATCH] fix: message results now match contact row dimensions --- ts/components/search/MessageSearchResults.tsx | 9 ++++----- 1 file changed, 4 insertions(+), 5 deletions(-) diff --git a/ts/components/search/MessageSearchResults.tsx b/ts/components/search/MessageSearchResults.tsx index 8fe2af7c9..7ea4e209a 100644 --- a/ts/components/search/MessageSearchResults.tsx +++ b/ts/components/search/MessageSearchResults.tsx @@ -15,6 +15,7 @@ import { Avatar, AvatarSize } from '../avatar/Avatar'; import { MessageBodyHighlight } from '../basic/MessageBodyHighlight'; import { ContactName } from '../conversation/ContactName'; import { Timestamp } from '../conversation/Timestamp'; +import { leftPaneListWidth } from '../leftpane/LeftPane'; const StyledConversationTitleResults = styled.div` flex-grow: 1; @@ -39,11 +40,9 @@ const StyledConversationFromUserInGroup = styled(StyledConversationTitleResults) `; const StyledSearchResults = styled.div` - padding: 8px; - padding-inline-start: 16px; - padding-inline-end: 16px; - min-height: 64px; - max-width: 300px; + padding: var(--margins-sm) var(--margins-md); + height: var(--contact-row-height); + max-width: ${leftPaneListWidth}px; display: flex; flex-direction: row;