upper case on demo buttons

(cherry picked from commit 8f007b2)
mdvorak · Nov 18, 2021 · cd2058c · cd2058c
1 parent 3ded01c
commit cd2058c
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/src/app/hero-detail/hero-detail.component.css b/src/app/hero-detail/hero-detail.component.css
@@ -33,3 +33,7 @@ button:disabled {
   color: #ccc;
   cursor: auto;
 }
+
+nav button + button {
+  margin-left: 10px;
+}
diff --git a/src/app/hero-detail/hero-detail.component.html b/src/app/hero-detail/hero-detail.component.html
@@ -10,6 +10,8 @@ <h2>{{ hero.name | uppercase }} Details</h2>
     <span>Tender names by resolver: </span>
     <button *ngFor="let name of tenderNames" (click)="select(name)">{{name}}</button>
   </div>
-  <button (click)="goBack()">go back</button>
-  <button (click)="save()">save</button>
+  <nav>
+    <button (click)="goBack()">Go Back</button>
+    <button (click)="save()">Save</button>
+  </nav>
 </div>