Padding on profiles is broken

Contribute UX
1

This bug is on PC and mobile.
https://devforum.roblox.com:
Desktop:

image
image753×145 9.7 KB

Mobile:
iPhone 12 (me)
image
image1170×2532 146 KB

Android phone (@GamersInternational)
image
image225×500 71.7 KB

The padding here is incorrect, and the “Unfollow” button does not stretch correctly.
https://icecavern.xyz:
Desktop:
image
image830×108 10.5 KB

Mobile (cc @GamersInternational)
image
image1080×2400 114 KB

The theme in these photos does not mess with padding like this.

2 Likes
2

You mean the groups text?

// fix groups margin on profile page
.user-main .about .details .groups {
    margin-left: 0px;
}
1 Like
3

Thanks, I can fix this on my forum now, but we may have to wait for it to be universal throughout Discourse, as it’s pretty buggy overall and any other forums (I pointed out devforum.roblox.com in the topic, I may find other forums to test it on later)

2 Likes
4

image
Your solution did work on all sites though, after adding it through Stylus.

2 Likes
5

I added the fix to my old PR that’s still open, lol.

2 Likes
6

I opened a separate PR for this issue
https://github.com/discourse/discourse/pull/17622

1 Like
7

A quick update, the PR has been merged!

https://github.com/discourse/discourse/commit/e58c25939c3f8631e6be96c9f9afb3bac579a2d5