Consul UI Improvements

[jkalousek]

Hi,
I would like if you could consider following changes/improvements for Consul UI in the future...

Most of the problem are reproducible on Mobile UI at portrait mode or when browser windows has low width in general:

I would suggest to add menu icon to the header and collapse menu so we can get more out of the page width. Icon would also help on desktop just to be able to hide menu when it's not needed.

When I click on Service in portrait mode (on desktop), the top "Service" list collapses and scroll bars appear:

I don't know what's causing this problem but if I disable max-height: 200px and overflow: scroll in css problem goes away.

Third problem (again in "portrait mode") - which is maybe more inconvenience - is that if I click on service, details appear but it doesn't scroll to that newly appeared details, but if I click service again it will scroll, so I thing that should happen during first click.

I'm using latest build of chrome both on PC and on mobile for this testing and latest docker image.

[kshpytsya]

Just my two cents on this, not to add a separate issue: IMHO, the red DEREGISTER button draws unnecessary attention, implying that there is a problem that needs to be heeded. I would suggest that the button should change its color from something less standing-out to red only on mouse-over. And I was quite surprised that no confirmation was required to perform the action. I would use something like react-confirm-button.