fix(docs-infra): align the page title with its edit action by erkamyaman · Pull Request #69424 · angular/angular

The page title row (.docs-page-title) relied on the default flex alignment, so the edit icon next to the title did not line up with the title text. Add align-items: baseline so the icon sits on the title's baseline.

PR Checklist

Please check if your PR fulfills the following requirements:

• The commit message follows our guidelines: https://github.com/angular/angular/blob/main/contributing-docs/commit-message-guidelines.md
• Tests for the changes have been added (for bug fixes / features)
• Docs have been added / updated (for bug fixes / features)

PR Type

What kind of change does this PR introduce?

• Bugfix
• Feature
• Code style update (formatting, local variables)
• Refactoring (no functional changes, no api changes)
• Build related changes
• CI related changes
• Documentation content changes
• angular.dev application / infrastructure changes
• Other... Please describe:

What is the current behavior?

The edit (pencil) icon next to a page title is not vertically aligned with the
title text, because .docs-page-title uses the default flex alignment.

What is the new behavior?

The edit icon aligns to the title's baseline via align-items: baseline.

Does this PR introduce a breaking change?

• Yes
• No