Header takes up less vertical space

[ciyer]

Changes

Desktop

Mobile

/deploy renku=ui-design-2021

Fix #1389

[vfried]

This looks really good, i'm on a smaller screen now and it can really make a difference to have a bit more space in the screen.

Two things to point out:

• padding in the search bar when things are collapse should not be 4... to achieve this you can change the "pe-4" for "pe-0 pe-lg-4" that should do it.
• It would be nice if the amount of space on top and bottom of the frog is the same and to have a bit more space under the search field, etc... we could maybe add some internal padding for this or make the padding on top smaller. --> adding a pb-2 where the nav.navbar is should fix this.

It would be good if Luca reviews this as well, to see that it looks good. But it's not 100% necessary.

[ciyer]

This looks really good, i'm on a smaller screen now and it can really make a difference to have a bit more space in the screen.

Two things to point out:

I made these changes:

[vfried]

All looks good buuuuut... there is one last issue i found here: when things are collapsed the bar is bigger (height) than when they are not.

[ciyer]

All looks good buuuuut... there is one last issue i found here: when things are collapsed the bar is bigger (height) than when they are not.

Yes, I need to add a little bit of vertical space because the elements were too squashed together, and it didn't look good.

[RenkuBot]

You can access the deployment of this PR at https://renku-ci-ui-1420.dev.renku.ch

[lorenzo-cavazzi]

Looks nice! 👍

I've re-run the acceptance tests cause they were missing the reference to the renku branch renku=ui-design-2021

[RenkuBot]

Tearing down the temporary RenkuLab deplyoment for this PR.