Formatting problem in a code snippet

📚 Docs or angular.io bug report

Description

The code snippet right at https://angular.io/guide/route-animations#querying-the-view-containers has problems with formatting (the topmost query() should be aligned).

May confuse the reader as to what is nested into what…

However — this snippet is the continuation of the code from https://angular.io/guide/route-animations#styling-the-host-and-child-components and notice that the transition('HomePage <=> AboutPage'... function call is torn between the two snippets, which makes it even less consistent and readable

May be more readable to reproduce the whole piece in the bottom snippet, that piece is long anyway. Or, title it as src/app/animations.ts (continued) at least

🔬 Minimal Reproduction

What’s the affected URL?**

https://angular.io/guide/route-animations#querying-the-view-containers

Reproduction Steps**

Expected vs Actual Behavior**

📷Screenshot

🔥 Exception or Error

🌍 Your Environment

Browser info

Anything else relevant?

[sonukapoor]

@pasha-bolokhov / @kapunahelewong Unfortunately, our code-example component is not adhering to the indentation for a new section. It always aligns the code to the left. Therefore, I have simply added the Continuation from above into the code section header. I hope this clarifies that section a little bit better.

[angular-automatic-lock-bot[bot]]

This issue has been automatically locked due to inactivity. Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}