From 75c02a641b0ab676e1216c97f729a8cb34aee41d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=A0imon=20Brandner?= <simon.bra.ag@gmail.com>
Date: Mon, 15 Nov 2021 10:09:19 +0100
Subject: [PATCH] Fix look of emoji verification (#7133)

---
 res/css/views/right_panel/_UserInfo.scss             | 12 ------------
 res/css/views/verification/_VerificationShowSas.scss |  5 +----
 .../views/verification/VerificationShowSas.tsx       |  2 +-
 3 files changed, 2 insertions(+), 17 deletions(-)

diff --git a/res/css/views/right_panel/_UserInfo.scss b/res/css/views/right_panel/_UserInfo.scss
index 8e01cf8b5e..1a6c615090 100644
--- a/res/css/views/right_panel/_UserInfo.scss
+++ b/res/css/views/right_panel/_UserInfo.scss
@@ -259,18 +259,6 @@ limitations under the License.
     .mx_AccessibleButton.mx_AccessibleButton_hasKind {
         padding: 8px 18px;
     }
-
-    .mx_VerificationShowSas .mx_AccessibleButton,
-    .mx_UserInfo_wideButton {
-        display: block;
-        margin: 16px 0 8px;
-    }
-
-    .mx_VerificationShowSas {
-        .mx_AccessibleButton + .mx_AccessibleButton {
-            margin: 8px 0; // space between buttons
-        }
-    }
 }
 
 .mx_UserInfo.mx_UserInfo_smallAvatar {
diff --git a/res/css/views/verification/_VerificationShowSas.scss b/res/css/views/verification/_VerificationShowSas.scss
index 5910711fcd..f601933cc5 100644
--- a/res/css/views/verification/_VerificationShowSas.scss
+++ b/res/css/views/verification/_VerificationShowSas.scss
@@ -67,8 +67,5 @@ limitations under the License.
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
-
-    .mx_AccessibleButton {
-        margin-inline: 9px;
-    }
+    gap: 9px;
 }
diff --git a/src/components/views/verification/VerificationShowSas.tsx b/src/components/views/verification/VerificationShowSas.tsx
index fde79ea91e..72ab3f2086 100644
--- a/src/components/views/verification/VerificationShowSas.tsx
+++ b/src/components/views/verification/VerificationShowSas.tsx
@@ -113,7 +113,7 @@ export default class VerificationShowSas extends React.Component<IProps, IState>
         } else {
             return <div>
                 { _t("Unable to find a supported verification method.") }
-                <AccessibleButton kind="primary" onClick={this.props.onCancel} className="mx_UserInfo_wideButton">
+                <AccessibleButton kind="primary" onClick={this.props.onCancel}>
                     { _t('Cancel') }
                 </AccessibleButton>
             </div>;