Fix look of the untrusted device dialog (#7487)

This commit is contained in:
Šimon Brandner 2022-01-10 11:02:03 +01:00 committed by GitHub
parent 9cb8ce7c20
commit fe16f224ea
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 8 additions and 2 deletions

View file

@ -23,4 +23,10 @@ limitations under the License.
margin-left: 0;
}
}
.mx_Dialog_buttons {
display: flex;
justify-content: end;
gap: 8px;
}
}

View file

@ -57,10 +57,10 @@ const UntrustedDeviceDialog: React.FC<IProps> = ({ device, user, onFinished }) =
<p>{ askToVerifyText }</p>
</div>
<div className='mx_Dialog_buttons'>
<AccessibleButton element="button" kind="secondary" onClick={() => onFinished("legacy")}>
<AccessibleButton kind="primary_outline" onClick={() => onFinished("legacy")}>
{ _t("Manually Verify by Text") }
</AccessibleButton>
<AccessibleButton element="button" kind="secondary" onClick={() => onFinished("sas")}>
<AccessibleButton kind="primary_outline" onClick={() => onFinished("sas")}>
{ _t("Interactively verify by Emoji") }
</AccessibleButton>
<AccessibleButton kind="primary" onClick={() => onFinished(false)}>