Fix look of emoji verification (#7133)

matrix-org · Nov 15, 2021 · 75c02a6 · 75c02a6
1 parent 365950e
commit 75c02a6
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 17 deletions.
diff --git 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
@@ -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
@@ -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>;