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;