diff --git a/client/src/pages/OrganisationView/OrganisationView.js b/client/src/pages/OrganisationView/OrganisationView.js index 9dabe8be..eb104679 100644 --- a/client/src/pages/OrganisationView/OrganisationView.js +++ b/client/src/pages/OrganisationView/OrganisationView.js @@ -29,9 +29,9 @@ const OrganisationView = ({ match }) => {
{organisation?.apps?.length} apps - | + ยท - profile created{' '} + Profile created{' '} {relativeTimeFormat( organisation?.createdAt ?? Date.now() )} diff --git a/client/src/pages/OrganisationView/OrganisationView.module.css b/client/src/pages/OrganisationView/OrganisationView.module.css index 6e7750c4..22556b27 100644 --- a/client/src/pages/OrganisationView/OrganisationView.module.css +++ b/client/src/pages/OrganisationView/OrganisationView.module.css @@ -1,8 +1,8 @@ .card { display: block !important; - max-width: 680px; + max-width: 960px; margin: auto; - padding: var(--spacers-dp16); + padding: var(--spacers-dp32); } .header { @@ -18,14 +18,21 @@ .createdAt, .description { - margin-top: var(--spacers-dp8); - margin-bottom: var(--spacers-dp8); + margin-block-start: var(--spacers-dp8); color: var(--colors-grey700); font-size: 0.875em; } + +.createdAt { + display: flex; + gap: var(--spacers-dp8); + margin-block-end: var(--spacers-dp16); +} + .description { color: var(--colors-grey900); line-height: 1.6em; + margin-block-end: var(--spacers-dp24); } .flex {