diff --git a/client/assets/styles/styles.css b/client/assets/styles/styles.css index eb18d3ef..35f0b2ea 100644 --- a/client/assets/styles/styles.css +++ b/client/assets/styles/styles.css @@ -293,7 +293,7 @@ button[disabled] { } /* - HEADER + account */ header { @@ -303,23 +303,26 @@ header { margin-bottom: 1.5em; } -.header-title { +.account { + margin: 1em 0; +} + +.account-title { flex: 1; letter-spacing: 0.05em; } -.header-status { - margin: 1em 0; +.account-status { display: flex; } -.header-username { +.account-header { letter-spacing: 0.05em; flex: 1; display: inline; } -.header-status svg { +.account-status svg { margin: 0.5em 0 0 1em; height: 1em; background-color: black; diff --git a/client/src/components/account.status.jsx b/client/src/components/account.status.jsx index 2a7d6edf..4ad082bb 100644 --- a/client/src/components/account.status.jsx +++ b/client/src/components/account.status.jsx @@ -32,15 +32,20 @@ function BitsBtn(args) { clientReferenceId: account.id }); } + + const subscription = account.subscribed + ?