Merge pull request #1256 from appirio-tech/add-mvp-live-announcement

Add MVPs live announcement

Author: ThomasKranitsas

app/my-dashboard/notifications/news.json

@@ -1,9 +1,9 @@
 [
   {
-    "header": "Announcing the MVP Program",
-    "details": "Nominate Yourself or Someone Else Today!",
-    "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.",
+    "header": "Topcoder MVPs Revealed Live",
+    "details": "Tune in 01/24",
+    "headerExpand": "Topcoder MVPs Revealed Live!",
+    "detailsExpand": "Join your Community Manager, Nick, on January 24th at 01:00 PM EST as he announces your 2018 MVPs.  You can view the show here on your dashboard or on our Youtube Channel!",
     "backgroundImage": "tc-mvp-announcement.png",
     "redirectTo": "https://www.topcoder.com/community/member-programs/mvp-program/",
     "redirectText": "Learn More Here",
@@ -12,7 +12,6 @@
     "customTag": {
       "text": "Announcement"
     },
-    "videoCode": "",
-    "videoHeight": 480
+    "videoCode": "https://www.youtube.com/embed/Two_6AiEHcQ"
   }
 ]

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;