Touch up style of account-details-modal.

1 files changed, 24 insertions, 12 deletions

diff --git a/ui/app/css/itcss/components/modal.scss b/ui/app/css/itcss/components/modal.scss
index 96df60b70..7267d19ea 100644
--- a/ui/app/css/itcss/components/modal.scss
+++ b/ui/app/css/itcss/components/modal.scss
@@ -172,16 +172,19 @@
   justify-content: flex-start;
   align-items: center;
   position: relative;
-  padding: 5px 0;
+  padding: 5px 0 31px 0;
+  border: 1px solid $silver;
   border-radius: 4px;
+  font-family: 'Montserrat UltraLight';
 }
 
 .account-details-modal-wrapper .qr-header {
-  margin-top: 15px;
+  margin-top: 9px;
+  font-size: 20px;
 }
 
 .account-details-modal-wrapper .qr-wrapper {
-  margin-top: 15px;
+  margin-top: 5px;
 }
 
 .account-details-modal-wrapper .ellip-address-wrapper {
@@ -189,25 +192,34 @@
   justify-content: center;
   border: 1px solid $alto;
   padding: 5px 10px;
+  font-family: 'Montserrat Light';
+  margin-top: 7px;
+  width: 286px;
+}
+
+.account-details-modal-wrapper .qr-ellip-address {
+  width: 254px;
 }
 
 .account-details-modal-wrapper .btn-clear {
   min-height: 28px;
-  font-size: 1em;
+  font-size: 14px;
   border-color: $curious-blue;
   color: $curious-blue;
   border-radius: 2px;
   flex-basis: 100%;
   width: 75%;
-  margin-top: 10px;
-  margin-bottom: 10px;
-  padding: 10px;
+  margin-top: 17px;
+  padding: 10px 22px;
+  height: 44px;
+  width: 235px;
+  font-family: 'Montserrat Light';
 }
 
 .account-details-modal-divider {
   width: 100%;
   height: 1px;
-  margin: 10px 0;
+  margin: 19px 0 8px 0;
   background-color: $alto;
 }
 
@@ -217,11 +229,11 @@
 
 .account-details-modal-close::after {
   content: '\00D7';
-  font-size: 1.5em;
-  color: $alto;
+  font-size: 40px;
+  color: $dusty-gray;
   position: absolute;
-  top: 5px;
-  right: 10px;
+  top: 10px;
+  right: 12px;
 }
 
 // New Account Modal