Merge pull request #130 from stratisproject/ui

Fix modal backgrounds

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

 <div id="modalReceive" tabindex="-1" role="dialog" aria-labelledby="modal_receive" aria-hidden="true">
   <div class="modal-dialog" role="document">
-    <div class="modal-content">
+    <div>
       <div class="modal-header">
         <div class="bubble"><i class="icon-download"></i></div>
       </div>

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

 <div id="modalSend" tabindex="-1" role="dialog" aria-labelledby="modal_send" aria-hidden="true">
   <div class="modal-dialog" role="document">
-    <div class="modal-content">
+    <div>
       <div class="modal-header">
         <div class="bubble"><i class="icon-upload"></i></div>
       </div>
@@ -50,9 +50,11 @@
         </form>
         <!-- /form-->
       </div>
+      <div class="row d-flex justify-content-center">
+        <a><button type="button" class="btn btn-link col-12" (click)="activeModal.close('Close click')">Cancel</button></a>
+      </div>
       <div class="modal-footer">
         <button type="submit" class="btn btn-lg btn-primary" [disabled]="!sendForm.valid" (click)="send()">Send</button>
-        <button type="button" class="btn btn-lg btn-primary" (click)="activeModal.close('Close click')">Close</button>
       </div>
     </div>
   </div>

Breeze.UI/src/app/wallet/transaction-details/transaction-details.component.html

  <div id="modalDetail" tabindex="-1" role="dialog" aria-labelledby="modal_detail" aria-hidden="true">
   <div class="modal-dialog" role="document">
-    <div class="modal-content">
+    <div>
       <div class="modal-header">
-        <div class="bubble"><i class="icon-settings"></i></div>
+        <div class="bubble"><i class="icon-block"></i></div>
       </div>
       <div class="modal-body">
         <h5 class="modal-title text-uppercase" id="modalDetail">Transaction Details</h5>

Breeze.UI/src/styles.css

@@ -132,6 +132,10 @@ code {
 .badge.badge-success {
   color: #2ECCA9; }
 
+i.icon-earth {
+  font-size: 1.3em;
+}
+
 .status {
   position: fixed;
   bottom: 2%;
@@ -7506,6 +7510,8 @@ a.text-gray-dark:focus, a.text-gray-dark:hover {
     background-image: none;
     border-color: #e17f0a; }
 
+#content .bitcoin a.btn-link {color: #D0BF90 !important;}
+
 #content.bitcoin .navbar .nav-item .nav-link {
   color: #878685; }
   #content.bitcoin .navbar .nav-item .nav-link:hover {