diff --git a/ui/src/cmsData/region_login.json b/ui/src/cmsData/region_login.json index 65257266..1d0ecbd4 100644 --- a/ui/src/cmsData/region_login.json +++ b/ui/src/cmsData/region_login.json @@ -20,7 +20,7 @@ "is_dir": false, "parent_uid": null, "_version": 1, - "title": "aws.svg" + "title": "AWS" }, "service_title": "Amazon Web Services", "region_title": "North America", @@ -43,7 +43,7 @@ "is_dir": false, "parent_uid": null, "_version": 1, - "title": "Azure_icon.svg" + "title": "Azure" }, "service_title": "Microsoft Azure", "region_title": "North America", @@ -66,7 +66,7 @@ "is_dir": false, "parent_uid": null, "_version": 1, - "title": "aws.svg" + "title": "AWS" }, "service_title": "Amazon Web Services", "region_title": "Europe", @@ -89,7 +89,7 @@ "is_dir": false, "parent_uid": null, "_version": 1, - "title": "Azure_icon.svg" + "title": "Azure" }, "service_title": "Microsoft Azure", "region_title": "Europe", diff --git a/ui/src/pages/Home/index.tsx b/ui/src/pages/Home/index.tsx index a0897b2c..dddf7c0a 100644 --- a/ui/src/pages/Home/index.tsx +++ b/ui/src/pages/Home/index.tsx @@ -34,11 +34,11 @@ const Home = () => { return (
- {heading && } - {description &&

{parse(description)}

} + {heading && } + {description && parse(description)} {cta && cta?.title && ( - + )} diff --git a/ui/src/pages/RegionalLogin/index.tsx b/ui/src/pages/RegionalLogin/index.tsx index 88edc52e..31125391 100644 --- a/ui/src/pages/RegionalLogin/index.tsx +++ b/ui/src/pages/RegionalLogin/index.tsx @@ -62,7 +62,7 @@ const RegionalLogin = () => {
- {heading && } + {heading && } {description && description != '' && (
{parse(description as string)}
)} @@ -103,6 +103,7 @@ const RegionalLogin = () => { region?.service_title as string ) } + aria-label={`${region?.cta?.title} with ${region?.service_title} ${region?.region_title}`} > {region?.cta?.title} diff --git a/ui/src/scss/App.scss b/ui/src/scss/App.scss index 24a5a5dd..3a558d9c 100644 --- a/ui/src/scss/App.scss +++ b/ui/src/scss/App.scss @@ -287,7 +287,7 @@ h3, h4, h5, h6 { - color: $color-font-base; + color: $color-font-black; } p { color: $color-font-base; @@ -302,7 +302,10 @@ p { // -webkit-box-orient: vertical; // overflow: hidden; } - +h1 { + font-size: 2.125rem; + font-weight: $font-weight-bold; +} .pb-32 { padding-bottom: $px-32; } diff --git a/ui/src/scss/_variables.scss b/ui/src/scss/_variables.scss index 170e0d0f..2aca5ec1 100644 --- a/ui/src/scss/_variables.scss +++ b/ui/src/scss/_variables.scss @@ -41,6 +41,8 @@ $size-font-4-xl: 1.875rem; /* 30px[H3] */ $size-font-5-xl: 2.25rem; /* 36px[H2] */ $size-font-6-xl: 2.625rem; /* 42px[H1] */ +$font-base: 16; + $font-weight-regular: 400; $font-weight-medium: 500; $font-weight-semi-bold: 600;