Merge pull request #69 from stratisproject/ui

Add Breeze button style, remove bootstrap class

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

@@ -20,7 +20,7 @@
           <div *ngIf="formErrors.password" class="alert alert-danger">{{formErrors.password}}</div>
         </div>
         <div class="form-group">
-          <button type="submit" [disabled]="!openWalletForm.valid" class="btn btn-success">Decrypt</button>
+          <button type="submit" [disabled]="!openWalletForm.valid" class="btn">Decrypt</button>
         </div>
       </form>
     </div>
@@ -39,7 +39,7 @@
   </div>
   <div class="row">
     <div class="col">
-      <button type="button" (click)="onCreateClicked()" class="btn btn-success">Create or restore wallet</button>
+      <button type="button" (click)="onCreateClicked()" class="btn">Create or restore wallet</button>
     </div>
   </div>
 </div>

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

@@ -25,7 +25,7 @@
           </select>
         </div>
         <div class="form-group">
-          <button type="submit" [disabled]="!createWalletForm.valid" class="btn btn-success">Create Wallet</button>
+          <button type="submit" [disabled]="!createWalletForm.valid" class="btn">Create Wallet</button>
         </div>
       </form>
     </div>
@@ -38,7 +38,7 @@
   </div>
   <div class="row">
     <div class="col">
-      <button type="button" class="btn btn-success" (click)="onBackClicked()">Back</button>
+      <button type="button" class="btn" (click)="onBackClicked()">Back</button>
     </div>
   </div>
 </div>

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

@@ -39,10 +39,10 @@
           <material-datepicker [(date)]="creationDate"></material-datepicker>
         </div>
         <div class="form-group">
-          <button type="submit" [disabled]="!recoverWalletForm.valid" class="btn btn-success">Recover Wallet</button>
+          <button type="submit" [disabled]="!recoverWalletForm.valid" class="btn">Recover Wallet</button>
         </div>
         <div class="form-group">
-          <button type="button" class="btn btn-success" (click)="onBackClicked()">Back</button>
+          <button type="button" class="btn" (click)="onBackClicked()">Back</button>
         </div>
       </form>
     </div>

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

@@ -12,7 +12,7 @@
         </thead>
         <tr>
           <td>{{ address }}</td>
-          <td><button class="btn" type="button" ngxClipboard [cbContent]="address" (cbOnSuccess)="isCopied1=true" [class.btn-success]= "isCopied1">Copy</button>
+          <td><button class="btn" type="button" ngxClipboard [cbContent]="address" (cbOnSuccess)="isCopied1=true" [class.btn]= "isCopied1">Copy</button>
         </tr>
       </table>
     </div>

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

@@ -26,7 +26,7 @@
           <input class="form-control" formControlName="password" type="password" placeholder="Please enter your wallet password.">
           <div *ngIf="formErrors.password" class="alert alert-danger">{{formErrors.password}}</div>
         </div>
-        <button type="submit" [disabled]="!sendForm.valid" class="btn btn-success">Send</button>
+        <button type="submit" [disabled]="!sendForm.valid" class="btn">Send</button>
         <button type="button" class="btn" (click)="activeModal.close('Close click')">Close</button>
       </form>
     </div>

Breeze.UI/src/styles.css

@@ -25,6 +25,13 @@ td {
     float: none;
 }
 
+.btn {
+  font-family: "Lato Black";
+  color: white;
+  background-color: #20B9FF;
+  border-radius: 25px;
+}
+
 .row {
   padding: 0;
   margin: 0;