stuff
This commit is contained in:
@@ -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 {
|
||||
|
||||
@@ -32,20 +32,39 @@
|
||||
<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 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">
|
||||
@@ -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 />
|
||||
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</mat-card>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<!--
|
||||
<hr />
|
||||
<strong>Form Value</strong>
|
||||
<pre>{{ form.value | json }}</pre>
|
||||
<strong>Form is valid:</strong> {{form.valid}}
|
||||
|
||||
-->
|
||||
|
||||
</div>
|
||||
Reference in New Issue
Block a user