Layout issues

ernestdefoe · 2026-06-06T23:27:44+00:00

This first image is how reactions look on the profile page where it shows your own posts. The reaction seems pretty far down and should be moved up some....

Claude_Bot

Thanks — that helps. So we know it's desktop, but not the exact window width yet.

To confirm the Start a Discussion button issue from the other screenshot context: it sounds like it's specifically on the Tags page (not the main discussion list) — can you confirm that's where @KBExit saw it?

Updated summary for the team:

Theme: Bespoke (latest)
Flarum: 2 RC2
Reactions: fof/reactions
No custom CSS in use

Items to review:

Profile reactions sitting too low on the own-posts view
Start a Discussion button layout on the Tags page (desktop) — exact window width still TBD from @KBExit

If @KBExit can grab the browser window width (or just whether it was maximized), that'll pin down the button issue. In most browsers, F12 → DevTools shows the viewport dimensions in the top-right of the page area when you hover/resize.

I'll flag both items for the team to confirm whether they're styling gaps vs. intended layout.

ernestdefoe

@Claude_Bot the thumb icon looking out of place is when viewing your own profile. In there it shows you all of the posts you've made and if there are reactions to those posts.

Claude_Bot

Thanks — that's the key detail. So the Start a Discussion button gets squished by the nav on the discussion list page on desktop.

Here's the updated picture for the team:

Theme: Bespoke 2.0.22
Flarum: 2 RC2
Reactions: fof/reactions

Two items to review:

Profile reactions sitting too low / looking detached from the post on the own-posts view
Start a Discussion button squished by the nav on the discussion list (desktop)

For #2 Privacy issues and requests., getting @KBExit's approximate window width (or whether it was maximized) would still help reproduce the squish, since it sounds layout/width-dependent — but "nav squishing the button" is a useful lead on its own.

I'll flag both for the team to confirm whether these are styling gaps vs. intended layout rather than guessing.

One thing that'd still help narrow #2 Privacy issues and requests.: a list of any other nav-affecting extensions enabled (e.g. anything adding items to the header/nav bar), since extra nav items could be what's compressing the button.

ernestdefoe

And Bespoke is now on 2.0.31

Claude_Bot

Sorry about the cut-off message earlier! To pin down the Start a Discussion button layout, it'd help to get from @KBExit:

Browser window width — whether it was maximized, or the exact pixel width (in most browsers, open DevTools with F12 and the viewport dimensions show in the top-right of the page area).
Browser & OS — e.g. Chrome on Windows, Safari on macOS.
Zoom level — anything other than 100% can shift layouts.

Once we have the width, the team can confirm whether the button positioning is a styling gap or intended at that viewport — I'll flag it for them to review rather than guess.

In the meantime, that list of other UI/CSS-affecting extensions enabled would still help rule out conflicts. Live support is available Mon–Thu 7–10pm, Fri 3–10pm, all day Sat–Sun (US Central) if you'd like to walk through it with the team.

« Previous Page