Menu & Protection screens UI improvements

[katyarozenfeld]

Hi @Velua ,
Here are a few small UI fixes that aren't critical, but should be added at some point.

Tabs Menu (screenshot attached):

• 1. Please align left logo with icons
• 2. Active tab icon color isn’t correct, should be 0F59D1
• 3.Bancor icon in “bancor wallet” tabs is smaller than other icons, should be same size
• 4. Bancor logo at the top isn’t correct (icon is too big)

Protection main screen: (screenshot attached):

• 1. Blue filter triangle arrow should be attached to the title’s position
• 2. Please fix “stake" button width, should be 312 px

Claim (screenshot attached):

• 1. Timer alignment - please place it in one row. (also I don't think "h"/"m"/"s" indicators aren't relevant here, as it's clear enough as it is)

Stake:

• 1. Text color should be 6B7C93 (screenshot attached)

Thank you!

[katyarozenfeld]

Hi, here is one more thing

• Please add icons to empty state cards - these are final: https://app.zeplin.io/project/5d70f6905eefcd18e1c40502/screen/5f75c143ce341489617c9d53/

[katyarozenfeld]

Hi, in "stake" window please make the button which is not available (where is coming soon) grey D0D7DF (like all the rest inactive buttons). Thanks

• please make the button which is not available to be grey D0D7DF

[katyarozenfeld]

• Liquidity Protection screen- empty state - please do not display tabs in case there is no 2nd tab in a specific state - and please change it's color ti 0A2540 (and please remove underline)

• The separation line below the title is missing

• Mobile - empty screen - please make "stake" buttons in cards to be full width

• Mobile - Please display main "stake" button the way it is in the design (full width)

• Please check spacing in "liquidity protection" text, line height and above & below

• "." at the end of the sentence is missing

[katyarozenfeld]

Mobile menu

• Please make spacing above and below tabs equal (screenshot 16)

• Please change active button color to 0F59D1

• I don't know if it's something that was discussed & decided to be, but I would place all external links in "more" menu tab. When one of the tabs in mobile is an external link - it doesn't feel intuitive

[RanCohenn]

@ashachaf
This is pretty old, I went over and with every issue its either the changes were made or the design is very different
The only thing I found that wasn't in staging was this

Hi, in "stake" window please make the button which is not available (where is coming soon) grey D0D7DF (like all the rest inactive buttons). Thanks

* [ ]  please make the button which is not available to be grey D0D7DF

It will look like this

Should we close this?