diff --git a/client/src/pages/AppView/AppView.js b/client/src/pages/AppView/AppView.js index 9d0d75d8..eb5110a6 100644 --- a/client/src/pages/AppView/AppView.js +++ b/client/src/pages/AppView/AppView.js @@ -77,6 +77,7 @@ const HeaderSection = ({ Download latest version { history.push('?tab=previous-releases') }} diff --git a/client/src/pages/AppView/AppView.module.css b/client/src/pages/AppView/AppView.module.css index 1f98939a..46897067 100644 --- a/client/src/pages/AppView/AppView.module.css +++ b/client/src/pages/AppView/AppView.module.css @@ -19,26 +19,26 @@ .appCardHeader { display: grid; grid-template-columns: 72px auto 267px; - grid-gap: var(--spacers-dp12); + grid-gap: var(--spacers-dp16); + padding: 40px var(--spacers-dp24) var(--spacers-dp4) var(--spacers-dp24); } .appCardName { font-size: 24px; font-weight: 700; - margin-top: var(--spacers-dp8); - margin-bottom: 6px; + margin: var(--spacers-dp8) 0; } .appTags { flex-direction: row; display: flex; align-items: center; - gap: var(--spacers-dp16); + gap: var(--spacers-dp24); } .tagWithIcon { display: flex; - gap: var(--spacers-dp4); + gap: 6px; font-size: 16px; color: var(--colors-grey800); } @@ -88,14 +88,14 @@ } .latestVersionDescription { - margin-top: var(--spacers-dp8); - margin-bottom: var(--spacers-dp8); + margin-top: var(--spacers-dp12); + margin-bottom: var(--spacers-dp4); } .latestVersionDescription span { display: block; margin-bottom: 2px; - font-size: 11px; + font-size: 12px; color: var(--colors-grey700); } diff --git a/client/src/pages/AppView/LatestUpdates.module.css b/client/src/pages/AppView/LatestUpdates.module.css index d6d9524c..995fae69 100644 --- a/client/src/pages/AppView/LatestUpdates.module.css +++ b/client/src/pages/AppView/LatestUpdates.module.css @@ -4,7 +4,8 @@ .latestUpdates { padding: var(--spacers-dp16); - background-color: var(--colors-blue100); + background-color: var(--colors-blue050); + border-radius: 5px; } .latestUpdatesHeader { @@ -24,12 +25,13 @@ .versionList { list-style: none; padding: 0; - font-size: 0.8rem; + font-size: 0.875rem; } .latestUpdatesVersionHeading { - font-size: 1.1em; - font-weight: bold; + font-size: 1rem; + font-weight: 700; + margin: 0; } .changeSummary :global(ul) { @@ -38,6 +40,6 @@ } .changeSummary :global(h3) { - font-size: 0.9em; - margin-bottom: 0.5em; + font-size: 1em; + margin: 0.5rem 0.25rem; } diff --git a/client/src/pages/Apps/AppCards/AppCardItem/AppCardItem.module.css b/client/src/pages/Apps/AppCards/AppCardItem/AppCardItem.module.css index ed2e60d7..1d9d4b12 100644 --- a/client/src/pages/Apps/AppCards/AppCardItem/AppCardItem.module.css +++ b/client/src/pages/Apps/AppCards/AppCardItem/AppCardItem.module.css @@ -10,7 +10,6 @@ .appCard:hover, .appCard:focus { - background: inherit; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.06), 0 4px 6px -1px rgba(0, 0, 0, 0.1); } diff --git a/client/src/pages/OrganisationView/OrganisationView.module.css b/client/src/pages/OrganisationView/OrganisationView.module.css index b8d2793f..6e7750c4 100644 --- a/client/src/pages/OrganisationView/OrganisationView.module.css +++ b/client/src/pages/OrganisationView/OrganisationView.module.css @@ -20,9 +20,8 @@ .description { margin-top: var(--spacers-dp8); margin-bottom: var(--spacers-dp8); - color: var(--colors-grey700); - font-size: 0.7em; + font-size: 0.875em; } .description { color: var(--colors-grey900);