element-hq / element-hq/element-web

Sign-out dialog without key backup looks somewhat odd

Open
#27,908 0 comments 0 reactions 0 assignees View on GitHub
A-Dialogs O-Occasional S-Tolerable T-Defect X-Needs-Design
Dominant language
TypeScript
Stars
13.5k
Forks
2.8k
PR merge metrics
PR metrics pending

Description

### Steps to reproduce

1. Sign into an existing account
2. Don't set up key backup
3. Sign out again
4. Notice that the sign-out dialog is somewhat oddly arranged

### Outcome

#### What did you expect?

The dialog to be intuitive and well aligned.

#### What happened instead?

* The vertical whitespace above the buttons feels quite large
* The vertical whitespace between the buttons and the "Advanced" expander feels quite small
* The buttons are right aligned while the "Advanced" expander is left aligned
* The expander only hides a single button
* That button is left aligned
* The vertical spacing between the "Advanced" label and the button below it is larger than the spacing between the label and the buttons above it

![image](https://github.com/user-attachments/assets/5bd14859-8015-4f8c-828f-9d17db7702b7)
![image](https://github.com/user-attachments/assets/4220f7ed-7a3c-4ce8-85c2-6b75394ce850)

### Operating system

fedora Linux 40

### Browser information

Firefox 128.0.3

### URL for webapp

app.element.io

### Application version

Element version: 1.11.73 Crypto version: Rust SDK 0.7.1 (431263d), Vodozemac 0.6.0

### Homeserver

matrix.org

### Will you send logs?

No

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.