From 9a893df630a6c3e640ddb71315f09e7803fa24e1 Mon Sep 17 00:00:00 2001 From: Jaco Greeff Date: Fri, 7 Dec 2018 16:10:59 +0100 Subject: [PATCH] Be more specific in styled selectors (#10) --- packages/ui-identicon/src/index.tsx | 2 +- packages/ui-keyring/src/options/KeyPair.tsx | 6 +++--- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/packages/ui-identicon/src/index.tsx b/packages/ui-identicon/src/index.tsx index c1a4169e..7f4c719d 100644 --- a/packages/ui-identicon/src/index.tsx +++ b/packages/ui-identicon/src/index.tsx @@ -30,7 +30,7 @@ const Wrapper = styled.div` display: inline-block; line-height: 0; - .container { + > .container { position: relative; > div, diff --git a/packages/ui-keyring/src/options/KeyPair.tsx b/packages/ui-keyring/src/options/KeyPair.tsx index a53b3171..2c5f09fe 100644 --- a/packages/ui-keyring/src/options/KeyPair.tsx +++ b/packages/ui-keyring/src/options/KeyPair.tsx @@ -22,7 +22,7 @@ const Wrapper = styled.div` position: relative; white-space: nowrap; - .address { + > .address { display: inline-block; flex: 1; font-family: monospace; @@ -33,13 +33,13 @@ const Wrapper = styled.div` text-overflow: ellipsis; } - .icon { + > .icon { position: absolute; top: -9px; left: 0; } - .name { + > .name { display: inline-block; flex: 1 0; margin-left: 3rem;