[master | DONE | ADDED] five-monitors page: add custom css classes for all you-we components

src/app/resources/how-it-works/the-five-monitors.component.html

@@ -104,7 +104,7 @@
           </you-we>
         </li>
         <li>
-          <you-we [type]="'Research Funding Organisation (RFO)'" id="rfo">
+          <you-we [type]="'Research Funding Organisation (RFO)'" id="rfo" [titleClass]="null" backgroundClass="uk-background-secondary">
             <ng-container you>
               <div class="uk-card uk-blur-background uk-box-shadow-large uk-position-relative uk-overflow-hidden uk-margin-large-bottom">
                 <div class="uk-card-body">
@@ -168,7 +168,7 @@
           </you-we>
         </li>
         <li>
-          <you-we [type]="'Researcher'" id="researcher">
+          <you-we [type]="'Researcher'" id="researcher" [titleClass]="null" backgroundClass="uk-background-secondary">
             <ng-container you>
               <div class="uk-card uk-blur-background uk-box-shadow-large uk-position-relative uk-overflow-hidden uk-margin-large-bottom">
                 <div class="uk-card-body">
@@ -199,7 +199,7 @@
           </you-we>
         </li>
         <li>
-          <you-we [type]="'Institutional Repository'" id="repository">
+          <you-we [type]="'Institutional Repository'" id="repository" [titleClass]="null" backgroundClass="uk-background-secondary">
             <ng-container you>
               <div class="uk-card uk-blur-background uk-box-shadow-large uk-position-relative uk-overflow-hidden uk-margin-large-bottom">
                 <div class="uk-card-body">