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 {
+ + +