Fix look of emoji verification (#7133)

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 {

res/css/views/verification/_VerificationShowSas.scss

@@ -67,8 +67,5 @@ limitations under the License.
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
-
+    gap: 9px;
-    .mx_AccessibleButton {
-        margin-inline: 9px;
-    }
 }

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