fix: messages are now vertically spaced correctly

2 years ago · 9603a64f43
parent dacac64b11
commit 9603a64f43
1 changed files with 2 additions and 2 deletions
--- a/ts/components/conversation/SessionMessagesListContainer.tsx
+++ b/ts/components/conversation/SessionMessagesListContainer.tsx
@ -55,7 +55,7 @@ type Props = SessionMessageListProps & {
 const StyledMessagesContainer = styled.div<{ isGroup: boolean }>`
  display: flex;
  flex-grow: 1;
-  gap: var(--margins-xxs);
+  gap: var(--margins-sm);
  flex-direction: column-reverse;
  position: relative;
  overflow-x: hidden;
@ -64,7 +64,7 @@ const StyledMessagesContainer = styled.div<{ isGroup: boolean }>`

  padding-top: var(--margins-sm);
  padding-right: var(--margins-lg);
-  padding-bottom: var(--margins-lg);
+  padding-bottom: var(--margins-xl);
  padding-left: ${props =>
    props.isGroup ? 'calc(var(--margins-lg) + 11px)' : 'var(--margins-lg)'};