Prevent white-space from appearing above header button when title is unusually long

Created by: murdoch

When I visit the edit page for a resource with a long title I notice some unsightly white-space above the show page link that appears next to the h1 tag. See image:

This whitespace is caused by the following CSS:

.header {
  align-items: flex-end;
}

To get rid of this white-space we can change flex-end to flex-start or baseline, see below:

I will understand if you prefer flex-start over baseline.