Merge branch 'ui' of http://www.github.com/stratisproject/breeze into ui

Breeze.UI/src/app/setup/create/confirm-mnemonic/confirm-mnemonic.component.html

@@ -10,7 +10,7 @@
         <p class="lead">Please enter the corresponding secret words below.</p>
         <!-- /row-->
         <div class="row d-flex justify-content-center">
-          <form class="col-md-8 col-xs-12 text-left" [formGroup]="mnemonicForm">
+          <form class="col-6 mx-auto text-left" [formGroup]="mnemonicForm">
             <div class="form-group">
               <label class="col-12 row" for="word1">Word n°4</label>
               <input type="text" class="form-control" formControlName="word1" id="word1">

Breeze.UI/src/app/setup/create/show-mnemonic/show-mnemonic.component.html

 <section id="breeze">
   <div class="login d-flex align-items-center text-center">
     <div class="container">
-      <p class="textback text-left mb-5 col-11 mx-auto">
+      <p class="textback text-left col-11 mx-auto">
         <a (click)="onBackClicked()">
           <span class="ico-arrow-left2"></span>
         </a>
       </p>
       <h3 class="display-5">Secret words</h3>
       <p class="lead">Please write down your secret words and password. <br>You will need <strong>both</strong> to recover your wallet in the future.</p>
-      <div class="row d-flex justify-content-center my-5">
-        <ul *ngFor="let word of mnemonicArray; let i=index" class="list-inline list-unstyled col-xs-12 col-md-6">
-          <li class="list-inline-item"><span class="badge badge-default">{{ i + 1 }}. {{ word }}</span></li>
+      <div class="row d-flex justify-content-center mt-4">
+        <ul class="list-inline list-unstyled col-6 mx-auto">
+          <li *ngFor="let word of mnemonicArray; let i=index" class="list-inline-item">
+            <span class="badge badge-default">{{ i + 1 }}. {{ word }}</span>
+          </li>
         </ul>
       </div>
+      <div class="form-control-feedback text-center my-3">Write down your secret words and password before you continue</div>
       <!-- /row-->
       <div class="row d-flex justify-content-center">
         <!-- <button type="button" class="btn btn-linkgray btn-lg col-12">Save the list somewhere</button> -->

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

@@ -27,7 +27,7 @@
                 <label ngbButtonLabel class="btn btn-outline-danger">
                   <input ngbButton type="radio" value="low">Low/Slow
                 </label>
-                <label ngbButtonLabel class="btn btn-outline-warning">
+                <label ngbButtonLabel class="btn btn-outline-warning mx-2">
                   <input ngbButton type="radio" value="medium">Medium
                 </label>
                 <label ngbButtonLabel class="btn btn-outline-success">

Breeze.UI/src/scss/_variables.scss

@@ -774,7 +774,7 @@ $popover-arrow-outer-color:           fade-in($popover-border-color, .05) !defau
 
 // Badges
 
-$badge-default-bg:            rgba(152,163,179,.15) !default;
+$badge-default-bg:            $white !default;
 $badge-primary-bg:            $brand-primary !default;
 $badge-success-bg:            rgba(46,204,169,.2) !default;
 $badge-info-bg:               $brand-info !default;