Alter request button item positioning.

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;
       }
     }
   }

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);