Tour of Heroes Docs: Missing CSS Styles in src/styles.css

Description

Tour of Heroes (TOH) Part 0 is missing button styles in src/styles.css. As a result, when developers go through the TOH, button CSS styles that are present in the live examples in src/styles.css are not present in the code snippets at the end of the lesson. This is most apparent in TOH part-2, where a list of buttons are shown without the expected styles.

What is the affected URL?

https://angular.io/tutorial/toh-pt0

Please provide the steps to reproduce the issue

1. Create new project in TOH Part 0 and apply code snippets to project
2. Follow steps in TOH part 1 and apply code snippets
3. Follow steps in TOH part 2 and apply code snippets
4. View output project styling for heroes.component.html without the expected button styling

Minimal Reproduction https://stackblitz.com/edit/angular-ivy-3vttek?file=src%2Fstyles.css

Please provide the expected behavior vs the actual behavior you encountered

Expected: heroes.component.html will have expected button styles applied as seen in the live example for TOH part 2 Actual: heroes.component.html does not have button styles applied.

Please provide a screenshot if possible

Actual

Expected

Please provide the exception or error you saw

N/A

Is this a browser-specific issue? If so, please specify the device, browser, and version.

N/A

[geromegrignon]

Oh, i see sorry, I thought it was about button styles from the component not being featured in part 2.

Then I would be in favor of fixing it in part 0 as such styles are details beginners shouldn’t have to care about in order to focus on Angular framework itself for this tutorial.

[geromegrignon]

There is already a dedicated section in TOH part 2 explaining how to add styles after adding buttons: https://angular.io/tutorial/toh-pt2#style-the-heroes