diff --git a/src/components/CommunityPortal/Reports/Participation/DropOffTracking.jsx b/src/components/CommunityPortal/Reports/Participation/DropOffTracking.jsx index 63ffd35c82..9c3ff921cd 100644 --- a/src/components/CommunityPortal/Reports/Participation/DropOffTracking.jsx +++ b/src/components/CommunityPortal/Reports/Participation/DropOffTracking.jsx @@ -73,19 +73,27 @@ function DropOffTracking() {
-

- +5% Last week -

- Drop-off rate + + Drop-off rate +

-
-

- +5% Last week + +5%{' '} + since Last week

+
+

- No-show rate + + No-show rate + +

+

+ + -5% + {' '} + since Last week

diff --git a/src/components/CommunityPortal/Reports/Participation/Participation.module.css b/src/components/CommunityPortal/Reports/Participation/Participation.module.css index d250be26a1..71c43cab43 100644 --- a/src/components/CommunityPortal/Reports/Participation/Participation.module.css +++ b/src/components/CommunityPortal/Reports/Participation/Participation.module.css @@ -272,7 +272,6 @@ border-radius: 10px; width: 48%; padding: 10px; - color: #ffffff; } .trackingRateDark .trackingRateSubheading span, @@ -282,9 +281,17 @@ .trackingRateValue { font-size: 0.9rem; - color: #f44336; display: inline-block; } +.trackingRate .trackingRateValue span.trackingRateValuePositive, +.trackingRateDark .trackingRateValue span.trackingRateValuePositive { + color: #f44336 !important; +} + +.trackingRate .trackingRateValue span.trackingRateValueNegative, +.trackingRateDark .trackingRateValue span.trackingRateValueNegative { + color: #008000 !important; +} /* Tables */ .trackingListContainer {