Last 12 weeks · 6 commits
2 of 6 standards met
The .pro-badge span inherited the header's 32px line-height. Because .sidebar h1 is a flex container, that inherited line-height inflated the badge's flex-item height (and thus the whole header), even though the badge's font-size is tiny. In the license modal the badge sits in a non-flex h2, where line-height doesn't affect an inline element's box height, so it looked correct there. Set line-height: 1 on .pro-badge and drop the now-unnecessary margin-bottom (it only existed to nudge baseline alignment, and had no effect in the modal's inline context anyway; keeping it in the flex header just added extra height).
Repository: cassidoo/pocketcal. Description: Pick dates, share a link, and that's your calendar! Stars: 152, Forks: 15. Primary language: TypeScript. Languages: TypeScript (65.5%), CSS (30.2%), JavaScript (2.9%), HTML (1.5%). License: MIT. Homepage: http://pocketcal.com Topics: calendar. Open PRs: 0, open issues: 1. Last activity: 1mo ago. Community health: 42%. Top contributors: cassidoo, burkeholland, orx57, wperron, anaiel.