Harmonize main nav icons with Bisq Icon style

[HenrikJannsen]

The main nav icons use more thick outlines as the icons used elsewhere in Bisq. We should harmonize those icons styles.

@axpoems Would you be available to suggest something?

Also size of Offers is larger as rest and not well centered.

[rodvar]

@jigglypuff-bsq

[HenrikJannsen]

I have done some work for that in my WIP branch

[jigglypuff-bsq]

This is 0.0.54 and the line thickness doesn't seem bad to me. But your screenshot looks a bit different, as mine doesn't have Offers yet, how can I access your version? My playstore doesn't have an update.

[rodvar]

@jigglypuff-bsq is looking like this now

You haven't gotten the 0.0.56 update yet because it's still in google review for closed testing, you should get it soon (check again tomorrow)

[HenrikJannsen]

Here a comparison with Clock app in emulator. Icon size and font size is nearly the same. we just use more light font weights, which is part of Bisq CI.

[HenrikJannsen]

Distance of icon and font is reduced as we dont show selection background and it looks odd with the extra space

[jigglypuff-bsq]

Got it. I think they're a little too small, especially the text as this can be straining to read. I'll test when 0.56 is out and let you guys know if it's an issue

[rodvar]

yeah I see your point @HenrikJannsen and is a good one, but still the end result is not great IMHO for the reasons JP mentioned.

We could explore at least making the text of the icons a bit bolder ? Maybe chat about it with poems for the final design PR you are working on.

Also a small comment, new connectivity snackbar on the top:

• color feels weird with the rest of the app, maybe explore a darker red?
• text is too verbose for mobile, prefer maybe a shorter text like "No connectivity" and on tap show the modal with the restart option?