From ff34e263efdf4fe55522002007decbb30c164e1f Mon Sep 17 00:00:00 2001 From: mihaisc Date: Wed, 13 Jan 2021 12:20:11 +0200 Subject: [PATCH] Disconnect button (#293) * disconnect button Signed-off-by: mihaisc * styling Co-authored-by: Matthias Kretschmann --- .../molecules/Wallet/Details.module.css | 26 +++++++++++++-- src/components/molecules/Wallet/Details.tsx | 32 +++++++++++++------ 2 files changed, 45 insertions(+), 13 deletions(-) diff --git a/src/components/molecules/Wallet/Details.module.css b/src/components/molecules/Wallet/Details.module.css index 8178e2f8e..aa1607fff 100644 --- a/src/components/molecules/Wallet/Details.module.css +++ b/src/components/molecules/Wallet/Details.module.css @@ -1,5 +1,6 @@ .details { padding: calc(var(--spacer) / 4); + padding-right: calc(var(--spacer) / 2); min-width: 17rem; } @@ -27,9 +28,28 @@ border-top: 1px solid var(--border-color); margin-top: calc(var(--spacer) / 2); padding-top: calc(var(--spacer) / 2); - display: flex; - justify-content: space-between; - align-items: center; font-size: var(--font-size-small); color: var(--color-secondary); + display: flex; + justify-content: space-between; +} + +.actions span { + display: block; +} + +.actions p { + margin: 0; +} + +.actions button, +.actions button:hover { + display: block; + font-size: var(--font-size-mini); + margin-top: calc(var(--spacer) / 4); + text-align: left; +} + +.actions button:first-child { + margin-top: calc(var(--spacer) / 8); } diff --git a/src/components/molecules/Wallet/Details.tsx b/src/components/molecules/Wallet/Details.tsx index f09cbdb36..321c2e79b 100644 --- a/src/components/molecules/Wallet/Details.tsx +++ b/src/components/molecules/Wallet/Details.tsx @@ -27,16 +27,28 @@ export default function Details(): ReactElement {
  • {getInjectedProviderName()} - +

    + + +