Use small toolbar size and text beside icons

[axel358]

Text can help new users identify actions easily and since there are few toolbar items i don't think space will be a problem with languages like Russian

[sonarcloud]

Quality Gate passed

Kudos, no new issues were introduced!

0 New issues
0 Security Hotspots
No data about Coverage
0.0% Duplication on New Code

See analysis details on SonarCloud

[infirit]

Just to be sure as I see no device address, you removed them from the screenshot?

Changes look OK to me but I will have a better look later this week and test it on various themes.

[axel358]

Yes I only changed the toolbar UI file and replaced the icon_widget prop of the Trust Tool button with an icon_name instead on the python side

[infirit]

Had a better look and the toolbar looks a bit better, but... It exposes an alignment and spacing issue with the Trust button label due to how we force a specific size to avoid buttons moving within the toolbar when the label text is updated (see screenshot 1).

Fixing the alignment is easy if we have direct access to the label widget by setting the xalign property to 0. But we don't and I would prefer to avoid fetching it from the container. But even with setting xalign we have a lot of ugly empty space in the button.

I did a quick experiment setting xalign and a different way of forcing the size but it looks worse (see 2nd screenshot). I get the feeling this is why blueman only shows an icon 😅 .

The reason it looks like this for me as in Dutch there is no short translation for "Untrust", "Vertrouwen beëindigen". I suspect it's similar in other languages.

The buttons jumping around in the toolbar is distracting and annoying so that's not an option. Not sure how to move forward with this at the moment...

[axel358]

How about making that button/group the last one on the toolbar?

[axel358]

Another thought is to use a toggle button to represent the state of "Trust"