1.1.5 NoPorts Design Nits

[Dariamarg]

Is your feature request related to a problem? Please describe.

Here are some suggestions, if time allows!

Describe the solution you'd like

Dashboard

• Can we move the settings icon to match the padding to the left (where the logo is)
  

Settings

• Can we get make the hover of the toggle black (not purple) #25252525
  

• Can we get the checkbox to be on the left side, in order to match
  the one above "Overide all profiles...."
  

• Replace the advanced/ simple screens with ones that match the In-app UI (@Dariamarg)
  

Edit/ Create a Profile

• Can the submit button be suppressed until all fields are entered?

• For custom relays can we add some text in the box along the lines of 'Custom' and add a radio dial to show that it is a selection (for example)

• Can we also have the fields be fixed closer to each other (for example in fullscreen 'Device atSign' and 'Device Name' have a large gap); just have them be side by side

[Dariamarg]

Here are the advanced and simple view screenshots
NoPorts Marketing Material (Dashboard).zip

[CurtlyCritchlow]

@Dariamarg is this what you have in mind?

[CurtlyCritchlow]

@Dariamarg Can the submit button be suppressed until all fields are entered? Currently if the use click submit it will trigger a validation error on all the fields that have errors.

[CurtlyCritchlow]

@Dariamarg this is how the UI looks on a large screen now, It looks the same on smaller screen, I don't like this UI on a large screen, what do you recommend?

[CurtlyCritchlow]

Her is another view with it centered. I'll have to refactor the app bar so I aligns in the centre. I'll do so if centering the content on a large screen is in keeping with your recommendation.

[Dariamarg]

I think centering is a great idea! Maybe have it at full width so that theres no scroll (like in the relay section)

[CurtlyCritchlow]

@Dariamarg is this what you have in mind?

@Dariamarg Your thoughts on this.

[Dariamarg]

@Dariamarg is this what you have in mind?

@Dariamarg Your thoughts on this.

Yeah just on hover, but white when selected (essentially replace purple -> black