modrinth / code

The Modrinth monorepo containing all code which powers Modrinth!
https://modrinth.com
Other
863 stars 150 forks source link

Project visibility notification is vertical #2302

Open Erb3 opened 2 weeks ago

Erb3 commented 2 weeks ago

What browsers are you seeing the problem on?

Firefox

Describe the bug

The notification rendered when one of your projects change status, is vertical. See screenshot below

A screenshot showing a notification rendered vertically

Steps to reproduce

  1. Go to notifications
  2. Find a notification with project visibility change
  3. Notice how it is vertical

Expected behavior

I expected the notification to connect the elements horizontally, like the other notifications.

In the following screenshot I've edited the code to use flex with a gap. The issue here is that it affects the other notifications, which look worse when commas are involved.

A screenshot showing the same notification, but horizontal

rotgruengelb commented 2 weeks ago

Can confirm. grafik