Mobile app switcher heading misaligned

Question

Mobile app switcher heading misaligned

lederer opened this issue 5 years ago · 0 comments

lederer commented 5 years ago

Overview

When the app switcher menu is open on iOS, the heading is misaligned.

Expected Behavior

Heading should be center aligned.

Actual Behavior

Heading is top aligned.

Steps to Reproduce

Open the app switcher menu on an iPhone

Demo

Additional context

The problem comes from .app-switcher-menu > .menu-header > .heading inheriting margin-bottom: 18px because it's an h2. We should explicitly give the element a top and bottom margin of 0.