fix: organisation page styles

dhis2 · Feb 13, 2025 · 7888b4c · 7888b4c
1 parent 8787dda
commit 7888b4c
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 6 deletions.
diff --git a/client/src/pages/OrganisationView/OrganisationView.js b/client/src/pages/OrganisationView/OrganisationView.js
@@ -29,9 +29,9 @@ const OrganisationView = ({ match }) => {
                     </div>
                     <div className={styles.createdAt}>
                         <span>{organisation?.apps?.length} apps</span>
-                        <span> | </span>
+                        <span> · </span>
                         <span>
-                            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
@@ -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 {