Move styles from sample.css to heroes.component.css, document changes to heroes.component.css in the tutorial.

Author: Adam-Meisen

public/docs/_examples/toh-6/ts/app/heroes.component.css

@@ -57,3 +57,10 @@ button {
 button:hover {
   background-color: #cfd8dc;
 }
+/* #docregion delete-hero */
+button.delete-button{
+  float:right;
+  background-color: gray !important;
+  color:white;
+}
+/* #enddocregion delete-hero */

public/docs/_examples/toh-6/ts/sample.css

@@ -266,14 +266,16 @@ figure.image-display
   We aren't navigating to the component so it won't receive a hero `id`;
   As we noted above, that is the component's cue to create and present an empty hero.
 
-  Add the following HTML to the `heroes.component.html`, just below the hero list (the `*ngFor`).
+  Add the following HTML to `heroes.component.html`, just below the hero list (the `*ngFor`).
 +makeExample('toh-6/ts/app/heroes.component.html', 'add-hero', 'app/heroes.component.html (add)')(format=".")
 :marked
   The user can *delete* an existing hero by clicking a delete button next to the hero's name.
 
   Add the following HTML to the `heroes.component.html` right after the name in the repeated `<li>` tag:
 +makeExample('toh-6/ts/app/heroes.component.html', 'delete-hero', 'app/heroes.component.html (delete)')(format=".")
-
+:marked
+  Add the following CSS to the bottom of `heroes.component.css`.
++makeExample('toh-6/ts/app/heroes.component.css', 'delete-hero', 'app/heroes.component.css (delete)')(format=".")
 :marked
   Now let's fix-up the `HeroesComponent` to support the *add* and *delete* actions in the template.
   Let's start with *add*.
@@ -339,7 +341,6 @@ figure.image-display
   .file index.html
   .file package.json
   .file styles.css
-  .file sample.css
   .file systemjs.config.json
   .file tsconfig.json
   .file typings.json
@@ -361,6 +362,7 @@ figure.image-display
   `toh-6/ts/app/app.component.ts,
    toh-6/ts/app/heroes.component.ts,
    toh-6/ts/app/heroes.component.html,
+   toh-6/ts/app/heroes.component.css,
    toh-6/ts/app/hero-detail.component.ts,
    toh-6/ts/app/hero-detail.component.html,
    toh-6/ts/app/hero.service.ts`,