Merge branch 'master' into dev

Author: birdofpreyru

app/my-dashboard/notifications/news.json

@@ -1,14 +1,16 @@
 [
   {
-    "header": "TCO17 Live Broadcast",
-    "details": "Watch now!",
-    "backgroundImage": "tco17-live-broadcast.jpg",
-    "redirectTo": "https://tco17.topcoder.com/videos",
-    "redirectText": "TCO17 Live Broadcast Schedule",
-    "live": true,
-    "liveExpand": true,
-    "height": 600,
-    "videoCode": "https://player.twitch.tv/?channel=topcoder_official",
+    "header": "TCO17",
+    "details": "Congratulations to our Champions!",
+    "backgroundImage": "tco-winners.jpg",
+    "redirectTo": "https://tco17.topcoder.com",
+    "redirectText": "Congratulations to our TCO17 Champions!",
+    "live": false,
+    "liveExpand": false,
+    "customTag": {
+      "text": "Announcement"
+    },
+    "videoCode": "",
     "videoHeight": 480
   }
 ]

assets/css/directives/notification.directive.scss

@@ -55,16 +55,12 @@
   }
   .expanded{
     background-color: $tc-black;
-    background-position: 0 0;
-    background-size: 50% 100%;
+    background-position: 0 20%;
+    background-size: cover;
     background-repeat: no-repeat;
     color: $tc-black;
     display: flex;
     position: relative;
-    @media screen and (max-width: 768px) {
-      background-size: 100% 50%;
-      flex-direction: column;
-    }
     .mask{
       position: absolute;
       top: 0;
@@ -94,8 +90,8 @@
     }
     .action{
       position: absolute;
-      bottom: 100px;
-      left: 150px;
+      bottom: 36px;
+      left: 36px;
       background-color: white;
       padding: 10px 20px;
       border-radius: 26px;