diff --git a/src/css/_scorecard.scss b/src/css/_scorecard.scss index 8b45d97..2fdf482 100644 --- a/src/css/_scorecard.scss +++ b/src/css/_scorecard.scss @@ -1,4 +1,6 @@ $teal: #21ccb9; +$opaque-yellow: #fae678e2; +$gray: rgb(60, 60, 60); .popup-fixed { position: fixed; @@ -83,6 +85,12 @@ div.popup-button a:hover { border: 1px solid $teal; } +.community-tag { + font-size: 14px; + background-color: $opaque-yellow; + color: $gray; +} + @media only screen and (max-width: 830px) { .leaflet-popup-content-wrapper { overflow-y: scroll; diff --git a/src/js/fontAwesome.ts b/src/js/fontAwesome.ts index b753cdd..101075e 100644 --- a/src/js/fontAwesome.ts +++ b/src/js/fontAwesome.ts @@ -5,6 +5,7 @@ import { faLink, faUpRightFromSquare, faCheck, + faTriangleExclamation, } from "@fortawesome/free-solid-svg-icons"; import "@fortawesome/fontawesome-svg-core/styles.css"; @@ -14,7 +15,8 @@ const setUpIcons = (): void => { faCircleXmark, faLink, faUpRightFromSquare, - faCheck + faCheck, + faTriangleExclamation ); dom.watch(); }; diff --git a/src/js/setUpSite.ts b/src/js/setUpSite.ts index f7be29a..78d2639 100644 --- a/src/js/setUpSite.ts +++ b/src/js/setUpSite.ts @@ -95,7 +95,6 @@ const generateScorecard = (entry: ScoreCardDetails): string => { -