From 744b78e9c8c032cdd13acf121f891c28f319ed4d Mon Sep 17 00:00:00 2001
From: Dan J Miller <danjm.com@gmail.com>
Date: Thu, 24 Aug 2017 21:55:27 -0230
Subject: Patch 2 account details modal (#1957)

* Account details modal styling changes.

* Tweaking styles.
---
 ui/app/css/itcss/components/modal.scss | 44 ++++++++++++++++++++++++++++++++++
 1 file changed, 44 insertions(+)

(limited to 'ui/app/css')

diff --git a/ui/app/css/itcss/components/modal.scss b/ui/app/css/itcss/components/modal.scss
index c23d6bc21..be6d2a640 100644
--- a/ui/app/css/itcss/components/modal.scss
+++ b/ui/app/css/itcss/components/modal.scss
@@ -172,6 +172,37 @@
   justify-content: flex-start;
   align-items: center;
   position: relative;
+  padding: 5px 0px;
+  border-radius: 4px;
+}
+
+.account-details-modal-wrapper .qr-header {
+  margin-top: 15px;
+}
+
+.account-details-modal-wrapper .qr-wrapper {
+  margin-top: 15px;
+}
+
+.account-details-modal-wrapper .ellip-address-wrapper {
+  display: flex;
+  justify-content: center;
+  border: 1px solid $alto;
+  padding: 5px 10px 5px 10px;
+}
+
+.account-details-modal-wrapper .btn-clear {
+  min-height: 28px;
+  font-size: 1em;
+  border-color: #2f9ae0;
+  color: #2f9ae0;
+  padding: 0px;
+  border-radius: 2px;
+  flex-basis: 100%;
+  width: 75%;
+  margin-top: 10px;
+  margin-bottom: 10px;
+  padding: 10px;
 }
 
 .account-details-modal-divider {
@@ -181,6 +212,19 @@
   background-color: $alto;
 }
 
+.account-details-modal-wrapper .identicon {
+  margin-top: -55.5%;
+}
+
+.account-details-modal-close:after {
+    content: '\00D7';
+    font-size: 1.5em;
+    color: grey;
+    position: absolute;
+    top: 5px;
+    right: 10px;
+}
+
 // New Account Modal
 .new-account-modal-wrapper {
   display: flex;
-- 
cgit