Doesn't fit on mobile in French

[Kekun]

Describe the bug

Tuba doesn't fit on mobile in French, I've noticed several issues.

Steps To Reproduce

ProfileStatsButton doesn't fit, the labels wrap and can't be made shorter, e.g. see my profile: https://mamot.fr/@KekunPlazas. I tried .ttl-profile-stat-button { font-size: smaller; } which helps, but isn't great, I'm not sure I have recommandations here, besides maybe looking at how libadwaita handles the viewswitcher badges as they are smaller but still pretty readable, or maybe finding some good symbolic icons.

WidgetActionRow with lots of replies, shares and favs can be too wide, see https://tech.lgbt/@Natasha_Jay/115609488234245874 in a profile for a reproducer. Tusky handles this by not showing the number of shares and favs next to the icon but on a tiny textual status line above, and only on the focused message. I'm not sure I like their solution but it comes with an advantage: it would help with the share and fav buttons moving around and not being aligned with each others when their numbers change, only the number of replies would cause that. Alternatively it could be but above or below, maybe even as a tiny badge.

Beyond that, while it's not an issue, I'd argue that on mobile status_box should have its horizontal margins and spacing reduced just a tiny bit, e.g. the start and end margins could be set to 14px, as right now the content is extremely cramped.

Logs and/or Screenshots

Instance Backend

Mastodon

Operating System

Silverblue 43

Package

Flatpak

Troubleshooting information

LANGUAGE=fr /app/bin/dev.geopjr.Tuba

Additional Context

No response

[GeopJr]

I'll mark the second point as a duplicate of #1302. If we lower the horizontal padding of the avatar column, it would fit better, right? Though, I'm not sure if the shortened units are very robust with some translations, if 000k gets translated into 000χιλ, we'll have all sorts of layout issues...

Otherwise, we can always hide the replies count on narrow sizes as it's the most useless one.

For the profile stats, I'm out of ideas 🤷 best I can think of is ellipsizing them. Symbolic icons feel a bit impossible, it's already difficult enough to describe "amount of people you follow" with one word.

We could move to horizontal wrapped buttons maybe? Like the mini-profiles (but clickable buttons)

[Kekun]

I'll mark the second point as a duplicate of #1302. If we lower the horizontal padding of the avatar column, it would fit better, right? Though, I'm not sure if the shortened units are very robust with some translations, if 000k gets translated into 000χιλ, we'll have all sorts of layout issues...

Ah indeed that's similar to what matzipan reported.

Otherwise, we can always hide the replies count on narrow sizes as it's the most useless one.

I think following Tusky here by only having the share and fav counts on the focused message (status_box without the avatar_side widget) would make lots of sense, it would also limit reactance (clicking on share or fav only because a message has lots of them) so I'd say it's win-win.

For the profile stats, I'm out of ideas 🤷 best I can think of is ellipsizing them. Symbolic icons feel a bit impossible, it's already difficult enough to describe "amount of people you follow" with one word.

We could move to horizontal wrapped buttons maybe? Like the mini-profiles (but clickable buttons)

I don't like ellipsis, and it wouldn't work as followers and following could very well be ellipsized to "follow…" which wouldn't help, I'm tired of seeing ellipsis everywhere on GNOME Mobile. 🥲 I'm not sure symbolic icons are good either. The mini profile style seems fine! That's what most other Twitter-like social medias and Mastodon apps do, they "just" need to be made clickable, or it could be some left-aligned tiny pill-shaped buttons in an AdwWrapBox.