working updates

src/app/game-grid/game-grid.component.html

@@ -11,8 +11,16 @@
 						<img class="card-img-top" src="http://lazypug.net/globalAssets/images/temp1.png" alt="">
 						<div class="card-body">
 							<h5 class="card-title">{{game.Title}}</h5>
-							<p class="card-text">{{game.Title}}</p>
-							<a href="#" class="btn btn-primary">Go somewhere</a>
+							<p class="card-text">
+								{{game.Title}}
+								<br />
+								{{game.System}}
+								<br />
+								{{game.Year}}
+							</p>
+							<a [routerLink]="['/view-card', game.id]">
+								<span class="btn btn-primary">View/Edit</span>
+							</a>
 						</div>
 					</div>
 				</div>
@@ -24,5 +32,17 @@
 </div>
 </div>
 
-<button (click)="myFunc()">New Call</button>
+<div class="row">
+	<div class="col-sm-6 text-center">
+		<button *ngIf="showBack" class="btn btn-primary" (click)="backPage()">Back Page</button>
+	</div>
+	<div class="col-sm-6 text-center">
+		<button *ngIf="showNext" class="btn btn-primary" (click)="nextPage()">Next Page</button>
+	</div>
+</div>
 
+<div class="row">
+	<div class="col-sm-12 text-center">
+		<br />
+	</div>
+</div>