Add bootstrap grids to all components

Breeze.UI/src/app/login/login.component.html

-<h1>Welcome to Breeze</h1>
-<form *ngIf="hasWallet" [formGroup]="openWalletForm" (ngSubmit)="onDecryptClicked()">
-  <p>Choose the wallet you want to open:</p>
+<div class="container">
+  <div class="row">
+    <div class="col">
+      <h1>Welcome to Breeze</h1>
+    </div>
+  </div>
+  <div class="row">
+    <div class="col">
+      <form *ngIf="hasWallet" [formGroup]="openWalletForm" (ngSubmit)="onDecryptClicked()">
         <div class="form-group">
-    <label>Select wallet name to open:</label>
+          <label>Select wallet name to open</label>
           <select class="form-control" formControlName="selectWallet">
             <option *ngFor="let wallet of wallets" [value]="wallet">{{wallet}}</option>
           </select>
@@ -15,13 +21,28 @@
         <div class="form-group">
           <button type="submit" [disabled]="!openWalletForm.valid" class="btn btn-success">Decrypt</button>
         </div>
-</form>
-
-<div *ngIf="hasWallet;else no_wallet">
-  <p> If you like to create or restore a wallet please click the button below.</p>
-</div>
-<ng-template #no_wallet>
+      </form>
+    </div>
+  </div>
+  <div class="row">
+    <div class="col" *ngIf="hasWallet;else no_wallet">
+      If you like to create or restore a wallet please click the button below.
+    </div>
+  </div>
+  <div class="row">
+    <div class="col">
+      <ng-template #no_wallet>
         <p> Looks like you're new here. Please create or restore a wallet.</p>
-</ng-template>
+      </ng-template>
+    </div>
+  </div>
+  <div class="row">
+    <div class="col">
+      <button type="button" (click)="onCreateClicked()" class="btn btn-success">Create or restore wallet</button>
+    </div>
+  </div>
+</div>
+
+
+
 
-<button type="button" (click)="onCreateClicked()" class="btn btn-success">Create or restore wallet</button>

Breeze.UI/src/app/setup/create/create.component.html

-<div class="content-wrapper">
-<h1>
-  Please create a new wallet.
-</h1>
-<form [formGroup]="createWalletForm" (ngSubmit)="onCreateClicked()">
+<div class="container">
+  <div class="row">
+    <div class="col">
+      <h1>Please create a new wallet.</h1>
+    </div>
+  </div>
+  <div class="row">
+    <div class="col">
+      <form [formGroup]="createWalletForm" (ngSubmit)="onCreateClicked()">
         <div class="form-group">
           <label>Name:</label>
           <input class="form-control" formControlName="walletName" type="text" placeholder="Enter a name for your wallet.">
@@ -23,14 +27,18 @@
         <div class="form-group">
           <button type="submit" [disabled]="!createWalletForm.valid" class="btn btn-success">Create Wallet</button>
         </div>
-</form>
-<div>
+      </form>
+    </div>
+  </div>
+  <div class="row">
+    <div class="col">
       <label>Mnemonic:</label>
-</div>
-<div>
       <label>{{responseMessage}}</label>
-</div>
-<div class="form-group">
+    </div>
+  </div>
+  <div class="row">
+    <div class="col">
       <button type="button" class="btn btn-success" (click)="onBackClicked()">Back</button>
     </div>
+  </div>
 </div>

Breeze.UI/src/app/setup/setup.component.html

-<h1>Welcome to Breeze.</h1>
-<p>
+<div class="container">
+  <div class="row">
+    <div class="col">
+      <h1>Welcome to Breeze.</h1>
+    </div>
+  </div>
+  <div class="row">
+    <div vlass="col">
+      <p>
         If you haven't used Breeze before, please create a new wallet.
-</p>
-<p>
+      </p>
+      <p>
         Users who have previously used Breeze, can choose to recover their wallet.
-</p>
-<button (click)="onCreateClicked()">Create</button>
-<button (click)="onRecoverClicked()">Recover</button>
-<button (click)="onBackClicked()">Back</button>
+      </p>
+    </div>
+  </div>
+  <div class="row">
+    <div class="col">
+      <button (click)="onCreateClicked()" class="btn">Create</button>
+    </div>
+    <div class="col">
+      <button (click)="onRecoverClicked()" class="btn">Recover</button>
+    </div>
+    <div class="col">
+      <button (click)="onBackClicked()" class="btn">Back</button>
+    </div>
+  </div>
+</div>
+
+

Breeze.UI/src/app/wallet/history/history.component.html

-<h1>History</h1>
-<table *ngIf="transactions; else noTransactions">
+<div class="container">
+  <div class="row">
+    <div class="col">
+      <table *ngIf="transactions; else noTransactions">
         <thead>
           <th>Timestamp</th>
           <th>Amount</th>
@@ -14,5 +16,12 @@
           <td>{{ transaction.confirmed }}</td>
           <td>{{ transaction.txId }}</td>
         </tr>
-</table>
-<ng-template #noTransactions>Looks like you haven't made any transactions yet.</ng-template>
+      </table>
+    </div>
+    <div class="row">
+      <div class="col">
+        <ng-template #noTransactions>Looks like you haven't made any transactions yet.</ng-template>
+      </div>
+    </div>
+  </div>
+</div>

Breeze.UI/src/app/wallet/receive/receive.component.html

-<div class="content-wrapper" id="receiveForm">
+<div class="container" id="receiveForm">
+  <div class="row">
+    <div class="col">
       <h1>Receive</h1>
-    <div>
-        <div>
+    </div>
+  </div>
+  <div class="row">
+    <div class="col">
       <table *ngIf="address">
         <thead>
           <th>Receive address: </th>
@@ -10,6 +14,10 @@
           <td>{{ address }}</td>
         </tr>
       </table>
+    </div>
+  </div>
+  <div class="row">
+    <div class="col">
       <button type="button" class="btn" (click)="activeModal.close('Close click')">Close</button>
     </div>
   </div>

Breeze.UI/src/app/wallet/send/send.component.html

-<div class="content-wrapper" id="sendForm">
+<div class="container" id="sendForm">
+  <div class="row">
+    <div class="col">
       <h1>Send</h1>
+    </div>
+  </div>
+  <div class="row">
+    <div class="col">
       <form [formGroup]="sendForm" (ngSubmit)="send()">
         <div class="form-group">
           <label>Pay To</label>
@@ -23,4 +29,6 @@
         <button type="submit" [disabled]="!sendForm.valid" class="btn btn-success">Send</button>
         <button type="button" class="btn" (click)="activeModal.close('Close click')">Close</button>
       </form>
+    </div>
+  </div>
 </div>