From 84e12ff42fe9969bc5dda14de91f2ae505556439 Mon Sep 17 00:00:00 2001
From: Warrick Corfe-Tan <warrickct@gmail.com>
Date: Tue, 26 Oct 2021 10:57:51 +1100
Subject: [PATCH] Alter request button item positioning.

---
 stylesheets/_session_left_pane.scss    | 2 +-
 ts/components/ConversationListItem.tsx | 9 +++------
 2 files changed, 4 insertions(+), 7 deletions(-)

diff --git a/stylesheets/_session_left_pane.scss b/stylesheets/_session_left_pane.scss
index 982d7a4d7..f33fba1df 100644
--- a/stylesheets/_session_left_pane.scss
+++ b/stylesheets/_session_left_pane.scss
@@ -254,7 +254,7 @@ $session-compose-margin: 20px;
       width: 100%;
 
       .session-button {
-        margin: $session-margin-xs 0;
+        margin: $session-margin-xs $session-margin-xs $session-margin-xs 0;
       }
     }
   }
diff --git a/ts/components/ConversationListItem.tsx b/ts/components/ConversationListItem.tsx
index b8de0c397..61a2fb67b 100644
--- a/ts/components/ConversationListItem.tsx
+++ b/ts/components/ConversationListItem.tsx
@@ -352,10 +352,11 @@ const ConversationListItem = (props: Props) => {
             lastMessage={lastMessage}
           />
           {isMessageRequest ? (
-            <StyledButtonContainer
+            <Flex
               className="module-conversation-list-item__button-container"
               container={true}
               flexDirection="row"
+              justifyContent="flex-end"
             >
               <SessionButton
                 onClick={handleConversationDecline}
@@ -369,7 +370,7 @@ const ConversationListItem = (props: Props) => {
               >
                 Accept
               </SessionButton>
-            </StyledButtonContainer>
+            </Flex>
           ) : null}
         </div>
       </div>
@@ -392,8 +393,4 @@ const ConversationListItem = (props: Props) => {
   );
 };
 
-const StyledButtonContainer = styled(Flex)`
-  justify-content: space-evenly;
-`;
-
 export const MemoConversationListItemWithDetails = React.memo(ConversationListItem, _.isEqual);