diff --git a/app/my-dashboard/notifications/news.json b/app/my-dashboard/notifications/news.json index f5794325a..29180ee07 100644 --- a/app/my-dashboard/notifications/news.json +++ b/app/my-dashboard/notifications/news.json @@ -1,12 +1,17 @@ [ { - "header": "MVP Program Explained w/ Jessie Ford", - "details": "Tune in now!", + "header": "Announcing the MVP Program", + "details": "Nominate Yourself or Someone Else Today!", "headerExpand": "Topcoder MVP Program", - "detailsExpand": "Tune in as Jessie and Nick dive a little deeper into what the MVP Program is and how to apply! Broadcast starts at 11:00 AM EST.", + "detailsExpand": "The Topcoder MVP program is a prestigious group of elite Topcoder members who represent our community. The program provides our MVPs opportunities to enjoy special perks, help improve the community, and grow professionally.", "backgroundImage": "tc-mvp-announcement.png", - "live": true, - "liveExpand": true, - "videoCode": "https://www.youtube.com/embed/qciS6yC3_Zc" + "redirectTo": "https://www.topcoder.com/community/member-programs/mvp-program/", + "redirectText": "Learn More Here", + "customTag": { + "text": "Announcement" + }, + "videoHeight": 480, + "liveExpand": false, + "videoCode": "" } ] diff --git a/assets/css/directives/notification.directive.scss b/assets/css/directives/notification.directive.scss index 6df21be73..b1ac465b2 100644 --- a/assets/css/directives/notification.directive.scss +++ b/assets/css/directives/notification.directive.scss @@ -73,7 +73,6 @@ flex: 1; height: 100%; position: relative; - margin-top: 2%; } .header{ font-weight: bold; @@ -88,6 +87,7 @@ line-height: 26px; font-weight: 100; padding-left: 60px; + max-width: 40%; color: #FFF; } .action{ @@ -105,7 +105,7 @@ display: flex; align-items: center; justify-content: space-around; - margin: 55px; + margin-top: 80px; width: 50%; @media screen and (max-width: 768px) { margin-top: 0;