From 5b225c0fa70694790aa7c3c152f139b006526108 Mon Sep 17 00:00:00 2001
From: Alexander Zinchuk <alx.zinchuk@gmail.com>
Date: Mon, 30 Jan 2023 15:55:30 +0100
Subject: [PATCH] Pin Message Modal: Fix buttons layout (#2415)

---
 src/components/common/PinMessageModal.tsx | 22 ++++++++++++----------
 1 file changed, 12 insertions(+), 10 deletions(-)

diff --git a/src/components/common/PinMessageModal.tsx b/src/components/common/PinMessageModal.tsx
index 8214cff7e..c519ae87b 100644
--- a/src/components/common/PinMessageModal.tsx
+++ b/src/components/common/PinMessageModal.tsx
@@ -82,17 +82,19 @@ const PinMessageModal: FC<OwnProps & StateProps> = ({
       title={lang('PinMessageAlertTitle')}
     >
       <p>{renderMessage()}</p>
-      <Button className="confirm-dialog-button" isText onClick={handlePinMessage}>
-        {lang('DialogPin')}
-      </Button>
-      {canPinForAll && (
-        <Button className="confirm-dialog-button" isText onClick={handlePinMessageForAll}>
-          {contactName
-            ? renderText(lang('Conversation.PinMessagesFor', contactName))
-            : lang('Conversation.PinMessageAlert.PinAndNotifyMembers')}
+      <div className="dialog-buttons-column">
+        <Button className="confirm-dialog-button" isText onClick={handlePinMessage}>
+          {lang('DialogPin')}
         </Button>
-      )}
-      <Button className="confirm-dialog-button" isText onClick={onClose}>{lang('Cancel')}</Button>
+        {canPinForAll && (
+          <Button className="confirm-dialog-button" isText onClick={handlePinMessageForAll}>
+            {contactName
+              ? renderText(lang('Conversation.PinMessagesFor', contactName))
+              : lang('Conversation.PinMessageAlert.PinAndNotifyMembers')}
+          </Button>
+        )}
+        <Button className="confirm-dialog-button" isText onClick={onClose}>{lang('Cancel')}</Button>
+      </div>
     </Modal>
   );
 };