Padding on profiles is broken

AI-generated summary

A bug was reported regarding the padding on profiles being broken on both PC and mobile devices. darkpixlz provided images to demonstrate the issue on different platforms. MarcP offered a CSS fix to resolve the problem, which darkpixlz confirmed worked after applying it through Stylus. MarcP added the fix to an existing PR, while darkpixlz created a separate PR for the issue. The PR was later merged, resolving the bug, as announced by darkpixlz.

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


Mobile:
iPhone 12 (me)

Android phone (@GamersInternational)

The padding here is incorrect, and the “Unfollow” button does not stretch correctly.
https://icecavern.xyz:
Desktop:

Mobile (cc @GamersInternational)

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

2 Likes

You mean the groups text?

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

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

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

2 Likes

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

2 Likes

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

1 Like

A quick update, the PR has been merged!

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