RocketChat / RocketChat/Rocket.Chat

UI/UX bug: Login button and the "Create an account" option are misaligned in mobile view

Open
#35,639 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
TypeScript
Stars
46.1k
Forks
13.9k
Avg merge
3d 3h
Merged PRs (30d)
130

Description

Description:

The "Login" button and the "New here? Create an account" option are misaligned on the login page on a mobile screen.

Steps to reproduce:
  1. Goto login page in a mobile browser
  2. Observe the alignment of the "Login" button and the "New here? Create an account" option
Expected behavior:

The "New here? Create an account" option should be on a new line to make the UI better.

Actual behavior:

The "Login" button and the "New here? Create an account" option appear misaligned and too close to each other, making the UI look cluttered.

chrome (dev) mobile
Image Image
Server Setup Information:
  • Version of Rocket.Chat Server: 7.5.0-develop
  • License Type: MIT
  • Number of Users: 2
  • Operating System: Ubuntu 24.04.2 LTS (WSL)
  • Number of Running Instances: 1
  • DB Replicaset Oplog: Enabled
  • NodeJS Version: 22.13.1 - x64
  • MongoDB Version: 7.0.5
Client Setup Information
  • Browser Version: Google Chrome, Version 134.0.6998.177
  • Operating System: Windows 10
Additional context

N/A

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start at the login page and reproduce the layout in a mobile browser using the reported version and screenshots as reference. The work is complete when the “New here? Create an account” option appears on its own line with clear spacing from the Login button, without disrupting the desktop layout.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend, mobile-dev
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.