diff --git a/src/frontend/src/Components/advisories/Advisories.js b/src/frontend/src/Components/advisories/Advisories.js index 5468295cc..e251193c5 100644 --- a/src/frontend/src/Components/advisories/Advisories.js +++ b/src/frontend/src/Components/advisories/Advisories.js @@ -26,10 +26,10 @@ export default function Advisories(props) {
-

+

{advisories.length > 1 ? 'Advisories ' : 'Advisory '} in effect -

+

The following advisory affects a portion of the route you’ve chosen:

diff --git a/src/frontend/src/Components/advisories/Advisories.scss b/src/frontend/src/Components/advisories/Advisories.scss index d698648de..003e262e5 100644 --- a/src/frontend/src/Components/advisories/Advisories.scss +++ b/src/frontend/src/Components/advisories/Advisories.scss @@ -12,7 +12,11 @@ } .content { - h3, .description{ + h2 { + font-size: 1.5rem; + } + + h2, .description{ color: $BC-Yellow-Dark; } diff --git a/src/frontend/src/Components/advisories/AdvisoriesList.js b/src/frontend/src/Components/advisories/AdvisoriesList.js index 8b1a39ca8..a96f4da50 100644 --- a/src/frontend/src/Components/advisories/AdvisoriesList.js +++ b/src/frontend/src/Components/advisories/AdvisoriesList.js @@ -36,7 +36,7 @@ export default function Advisories(props) { }}>
-

{advisory.title}

+

{advisory.title}

{showTimestamp &&
{advisory.first_published_at != advisory.last_published_at ? "Updated" : "Published" } diff --git a/src/frontend/src/Components/advisories/AdvisoriesList.scss b/src/frontend/src/Components/advisories/AdvisoriesList.scss index 8f952f951..430016581 100644 --- a/src/frontend/src/Components/advisories/AdvisoriesList.scss +++ b/src/frontend/src/Components/advisories/AdvisoriesList.scss @@ -18,12 +18,12 @@ ul.advisories-list { .advisory-li-title { color: $Type-Link; font-size: 1rem; + font-weight: 700; line-height: 1.5; margin-bottom: 0.25rem; @media (min-width: 992px) { font-size: 1.25rem; - font-weight: 700; } } } diff --git a/src/frontend/src/Components/bulletins/BulletinsList.js b/src/frontend/src/Components/bulletins/BulletinsList.js index 413c9d000..a71b3331f 100644 --- a/src/frontend/src/Components/bulletins/BulletinsList.js +++ b/src/frontend/src/Components/bulletins/BulletinsList.js @@ -37,7 +37,7 @@ export default function Bulletins(props) { }}>
-

{bulletin.title}

+

{bulletin.title}

{bulletin.teaser &&
{bulletin.teaser}
diff --git a/src/frontend/src/pages/BulletinsListPage.scss b/src/frontend/src/pages/BulletinsListPage.scss index c203aae42..1ecb5746a 100644 --- a/src/frontend/src/pages/BulletinsListPage.scss +++ b/src/frontend/src/pages/BulletinsListPage.scss @@ -46,6 +46,7 @@ .bulletin-li-title { margin-bottom: 8px; color: $Type-Link; + font-size: 1.5rem; } .timestamp-container {