after 2nd gig with updated gradients

Author: kkartunov

src/shared/containers/Gigs/RecruitCRMJobs.jsx

@@ -252,9 +252,9 @@ class RecruitCRMJobsContainer extends React.Component {
           <div styleName="jobs-list-container">
             {
               jobsToDisplay.length
-                ? jobsToDisplay.map((job) => {
+                ? jobsToDisplay.map((job, indx) => {
                   const featured = getCustomField(job.custom_fields, 'Featured');
-                  if (featured === 'n/a' && !isHotlistRendered && hotlistJobs.length && decision.enabled) {
+                  if ((featured === 'n/a' || indx === 2) && !isHotlistRendered && hotlistJobs.length && decision.enabled) {
                     isHotlistRendered = true;
                     return (
                       <React.Fragment>

src/shared/containers/Gigs/jobLisingStyles.scss

@@ -68,7 +68,7 @@
   .hotlist {
     display: flex;
     flex: 1;
-    margin: 15px 0;
+    margin: 5px 0;
 
     h5 {
       font-family: Barlow, sans-serif;
@@ -155,11 +155,11 @@
       }
 
       .hotlist-item-2 {
-        background-image: linear-gradient(140.77deg, #9d41c9 0%, #50ade8 100%);
+        background-image: linear-gradient(125.57deg, #2c95d7 0%, #83c5ee 100%);
       }
 
       .hotlist-item-3 {
-        background-image: linear-gradient(133.83deg, #f4f4f4 0%, #d4d4d4 100%);
+        background-image: linear-gradient(309.43deg, #f4f4f4 0%, #d4d4d4 100%);
       }
 
       .hotlist-item-4 {