PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

Fix look of the untrusted device dialog (#7487)

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

6
res/css/views/dialogs/_UntrustedDeviceDialog.scss
View file

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

4
src/components/views/dialogs/UntrustedDeviceDialog.tsx
View file

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