Merge pull request #1253 from appirio-tech/mvp-live

Change announcement to MVP Live video

Author: ThomasKranitsas

app/my-dashboard/notifications/news.json

@@ -1,18 +1,12 @@
 [
   {
-    "header": "Announcing the MVP Program",
-    "details": "Nominate Yourself or Someone Else Today!",
+    "header": "MVP Program Explained w/ Jessie Ford",
+    "details": "Tune in now!",
     "headerExpand": "Topcoder MVP Program",
-    "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.",
+    "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.",
     "backgroundImage": "tc-mvp-announcement.png",
-    "redirectTo": "https://www.topcoder.com/community/member-programs/mvp-program/",
-    "redirectText": "Learn More Here",
-    "live": false,
-    "liveExpand": false,
-    "customTag": {
-      "text": "Announcement"
-    },
-    "videoCode": "",
-    "videoHeight": 480
+    "live": true,
+    "liveExpand": true,
+    "videoCode": "https://www.youtube.com/watch?v=qciS6yC3_Zc"
   }
 ]

assets/css/directives/notification.directive.scss

@@ -73,6 +73,7 @@
       flex: 1;
       height: 100%;
       position: relative;
+      margin-top: 2%;
     }
     .header{
       font-weight: bold;
@@ -87,7 +88,6 @@
       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-top: 80px;
+      margin: 55px;
       width: 50%;
       @media screen and (max-width: 768px) {
         margin-top: 0;