diff options
| author | Dan J Miller <danjm.com@gmail.com> | 2017-08-25 08:25:27 +0800 |
|---|---|---|
| committer | Daniel Tsui <szehungdanieltsui@gmail.com> | 2017-08-25 08:25:27 +0800 |
| commit | 744b78e9c8c032cdd13acf121f891c28f319ed4d (patch) | |
| tree | 4e9cfa555119db60aa78dba1deed4cfb5b231e99 /ui/app/css | |
| parent | 5b62f10a5f0fc87a731c9c353e99770f0f66d085 (diff) | |
| download | tangerine-wallet-browser-744b78e9c8c032cdd13acf121f891c28f319ed4d.tar.gz tangerine-wallet-browser-744b78e9c8c032cdd13acf121f891c28f319ed4d.tar.zst tangerine-wallet-browser-744b78e9c8c032cdd13acf121f891c28f319ed4d.zip | |
Patch 2 account details modal (#1957)
* Account details modal styling changes.
* Tweaking styles.
Diffstat (limited to 'ui/app/css')
| -rw-r--r-- | ui/app/css/itcss/components/modal.scss | 44 |
1 files changed, 44 insertions, 0 deletions
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; |