Added search. Converted to bootstrap

2017-03-05 22:58:12 +01:00
parent bf1ef36276
commit c84da1ff08
33 changed files with 245 additions and 218 deletions
@@ -1,14 +1,18 @@
-<div *ngIf="beer">
+<div *ngIf="beer" class="col-md-12">
  <h2>{{beer.name}} details!</h2>
  <div>
-    <label>ID: </label>{{beer.id}}</div>
+    <label>ID: </label>{{beer.id}}
+  </div>
+  <br>
  <div>
    <label>Name: </label>
-    <input [(ngModel)]="beer.name" placeholder="name" />
+    <input class="form-control" [(ngModel)]="beer.name" placeholder="name" />
  </div>
+  <br>
  <div>
    <label>Description:</label>
    <p>{{beer.description}}</p>
  </div>
-  <button (click)="goBack()">Back</button>
+  <br>
+  <button class="btn btn-primary" (click)="goBack()">Back</button>
 </div>