diff options
author | kumavis <aaron@kumavis.me> | 2017-08-08 01:52:08 +0800 |
---|---|---|
committer | kumavis <aaron@kumavis.me> | 2017-08-08 01:52:08 +0800 |
commit | 78aa957e5ab5bd3e7f7fb4628c82de8ae312750f (patch) | |
tree | ffe2ece4164b9d6c70196dd3ab608244bdf95281 /ui/app/css/lib.css | |
parent | 82ba2c95ee98487dd465e5aabd45f18d46e89727 (diff) | |
parent | 57abc58d623b66a091987a944d8c45737f4feabe (diff) | |
download | tangerine-wallet-browser-78aa957e5ab5bd3e7f7fb4628c82de8ae312750f.tar.gz tangerine-wallet-browser-78aa957e5ab5bd3e7f7fb4628c82de8ae312750f.tar.zst tangerine-wallet-browser-78aa957e5ab5bd3e7f7fb4628c82de8ae312750f.zip |
Merge branch 'master' of github.com:MetaMask/metamask-extension into greenkeeper/initial
Diffstat (limited to 'ui/app/css/lib.css')
-rw-r--r-- | ui/app/css/lib.css | 41 |
1 files changed, 39 insertions, 2 deletions
diff --git a/ui/app/css/lib.css b/ui/app/css/lib.css index 910a24ee2..81647d1c1 100644 --- a/ui/app/css/lib.css +++ b/ui/app/css/lib.css @@ -232,12 +232,21 @@ hr.horizontal-line { align-items: center; } +.tabSection { + min-width: 350px; +} + .menu-icon { display: inline-block; - height: 9px; - min-width: 9px; + height: 12px; + min-width: 12px; margin: 13px; } + +i.fa.fa-question-circle.fa-lg.menu-icon { + font-size: 18px; +} + .ether-icon { background: rgb(0, 163, 68); border-radius: 20px; @@ -266,3 +275,31 @@ hr.horizontal-line { margin-top: 20px; color: red; } + +/* + Hacky breakpoint fix for account + tab sections + Resolves issue from @frankiebee in + https://github.com/MetaMask/metamask-extension/pull/1835 + Please remove this when integrating new designs + */ + +@media screen and (min-width: 575px) and (max-width: 800px) { + .account-data-subsection { + flex: 0 0 auto !important; // reset flex + margin-left: 10px !important; // create additional horizontal space + margin-right: 10px !important; + width: 40%; + } + + .tabSection { + flex: 0 0 auto !important; + margin-left: 10px !important; + margin-right: 10px !important; + min-width: 285px; + width: 49%; + } + + .name-label { + width: 80%; + } +} |