From b9670579c574f582e2bf259aac509d3025f08553 Mon Sep 17 00:00:00 2001
From: programmingPug <36635276+programmingPug@users.noreply.github.com>
Date: Sun, 20 May 2018 19:50:00 -0400
Subject: [PATCH] stuff

---
 src/app/view-card/view-card.component.css  | 16 ++++--
 src/app/view-card/view-card.component.html | 58 ++++++++++------------
 2 files changed, 39 insertions(+), 35 deletions(-)

diff --git a/src/app/view-card/view-card.component.css b/src/app/view-card/view-card.component.css
index 599b749..c5da9d1 100644
--- a/src/app/view-card/view-card.component.css
+++ b/src/app/view-card/view-card.component.css
@@ -1,5 +1,5 @@
 #gameImageHeaderContainer{
-	height:250px;
+	height:300px;
 	overflow: hidden;
 }
 
@@ -7,18 +7,26 @@
   width:80%;
 }
 
+.lrContainer{
+  margin-top: 1%;
+}
+
 .card{
-  height: 280px;
+  height: auto;
   width: 250px;
   margin: 5px;
 }
 
+.card-2x{
+  width:525px;
+}
+
 .flex-container {
   display: flex;
   height: auto;
   flex-flow: row wrap;
-  align-items: center;
-  justify-content: center;
+  align-items: left;
+  justify-content: left;
 }
 
 .example-fill-remaining-space {
diff --git a/src/app/view-card/view-card.component.html b/src/app/view-card/view-card.component.html
index 9ddd089..69cd32f 100644
--- a/src/app/view-card/view-card.component.html
+++ b/src/app/view-card/view-card.component.html
@@ -32,21 +32,40 @@
 		<mat-card class="lrCard">
 
 
-			<div class="flex-container" >
+			<form novalidate (ngSubmit)="onSubmit(form.value)" [formGroup]="form" class="flex-container"  >
 <div class="card">
 	<div class="row">
 		<div class="col-sm-12" id="gameImageHeaderContainer">
 			<img class="card-img-top" [src]="imageSample" alt="">
 			<br />
+			<hr />
+
+			<div class="buttonArea">
+			<div class="row">
+				<div class="col-sm-5 col-sm-push-7 buttonHolder text-center">
+					<button mat-button class="btn btn-primary btn-lg addMarginTop btn-landing" routerLink="/game-grid">
+						Cancel Changes
+					</button>
+				</div>
+				<div class="col-sm-2">
+					<button mat-button class="btn btn-primary btn-lg addMarginTop btn-landing" (click)="removeGame()" >
+						Remove Game
+					</button>
+				</div>
+				<div class="col-sm-5 col-sm-pull-7 buttonHolder text-center">
+					<button mat-raised-button color="primary" type="submit"  [disabled]="!form.valid" >Submit Changes</button>
+				</div>
+			</div>
+		</div>
 
 		</div>
 	</div>
 
 </div>
-<div class="card">
-	<form novalidate (ngSubmit)="onSubmit(form.value)" [formGroup]="form" class="flex-container"  >
 
-<div class="card">
+<div class="card card-2x">
+	<div class="flex-container">
+		<div class="card">
 		<div id='Row_Title' class="form-group field-wrapper">
 			<label [attr.for]="'Title'" class="control-label col-sm-3 isInputLabel">
 					Title
@@ -325,44 +344,21 @@
 			</div>
 		</div>
 
-			</div>
 
-
-		<br />
-
-		<div class="buttonArea">
-			<div class="row">
-				<div class="col-sm-5 col-sm-push-7 buttonHolder text-center">
-					<button mat-button class="btn btn-primary btn-lg addMarginTop btn-landing" routerLink="/game-grid">
-						Cancel Changes
-					</button>
-				</div>
-				<div class="col-sm-2">
-					<button mat-button class="btn btn-primary btn-lg addMarginTop btn-landing" (click)="removeGame()" >
-						Remove Game
-					</button>
-				</div>
-				<div class="col-sm-5 col-sm-pull-7 buttonHolder text-center">
-					<button mat-raised-button color="primary" type="submit"  [disabled]="!form.valid" >Submit Changes</button>
-				</div>
-			</div>
 		</div>
-
-		<br />
-
+</div>
+</div>
 	</form>
-</div>
-</div>
 
 </mat-card>
 
 </div>
 
-
+<!--
 	<hr />
 	<strong>Form Value</strong>
     <pre>{{ form.value | json }}</pre>
     <strong>Form is valid:</strong> {{form.valid}}
-
+-->
 
 </div>
\ No newline at end of file