element-hq / element-hq/element-call

Tiles are 4 pixels off-center

Open Beginner friendly
#3,456 1 comment 0 reactions 0 assignees View on GitHub
O-Frequent S-Tolerable T-Defect X-Regression
Dominant language
TypeScript
Stars
996
Forks
213
Avg merge
1d 6h
Merged PRs (30d)
54

Description

### Steps to reproduce

1. Join a call
2. Use grid layout
3. Stare at the interface reeeally closely

### Outcome

#### What did you expect?

Tile should be centered in the middle of the screen

#### What happened instead?

The tile is closer to the right edge of the screen than the left. This is a regression due to the addition of `margin: var(--hover-space-margin);` in f509c06cc.

Image

### Operating system

NixOS 25.05

### Browser information

Firefox 141.0.3

### URL for webapp

call.element.dev

### Will you send logs?

No

Contributor guide

Open the contributing guide

Research direction

Inspect commit f509c06cc and the grid-layout styling it changed, focusing on the added `margin: var(--hover-space-margin);`. Reproduce the layout at call.element.dev and confirm the tile has equal space on both sides; done means the grid tile is centered without regressing the intended hover spacing.

Written by the indexing model from the issue text.

Assessment

Tech stack
css
Domain
frontend
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
65/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.