Merge pull request #1295 from appirio-tech/fix-typo

Fix typos and minor ui fixes

Author: ThomasKranitsas

app/my-dashboard/notifications/news.json

@@ -1,12 +1,14 @@
 [
   {
     "header": "Algorithm, Marathon, Regionals, & More!",
-    "details": "TCO18 news is here! Find out the details for Algorith & Marathon Competitions, regional events, and more!",
+    "details": "TCO18 news is here! Find out the details for Algorithm & Marathon Competitions, regional events, and more!",
     "headerExpand": "TCO18 News - Algorithm, Marathon, Regionals, & More!",
-    "detailsExpand": "TCO18 news is here! Find out the details for Algorith & Marathon Competitions, regional events, and more!",
+    "detailsExpand": "TCO18 news is here! Find out the details for Algorithm & Marathon Competitions, regional events, and more!",
     "backgroundImageDesktop": "tco18news-desktop.jpg",
     "backgroundImageTablet": "tco18news-tablet.jpg",
     "backgroundImageMobile": "tco18news-mobile.jpg",
+    "redirectTo": "https://www.topcoder.com/blog/tco18-marathon-algorithm-competitions-announced/",
+    "redirectText": "Read More",
     "customTag": {
       "text": "TCO18 News"
     },

assets/css/directives/notification.directive.scss

@@ -135,8 +135,6 @@ $desktop-width: 1024px;
       }
       @include tablet {
         height: 325px;
-        display: flex;
-        flex-direction: column;
         padding: 20px;
       }
       @include mobile {
@@ -161,12 +159,10 @@ $desktop-width: 1024px;
       }
       @include tablet {
         font-size: 36px;
-        text-align: center;
          /*
         ======
         With Video
         ======*/
-        text-align: center;
 
         /*
         ======
@@ -208,7 +204,6 @@ $desktop-width: 1024px;
         font-size: 22px;
         line-height: 28px;
         margin-bottom: 40px;
-        text-align: center;
         /*
         ======
         With Logo
@@ -220,8 +215,8 @@ $desktop-width: 1024px;
         */
       }
       @include mobile {
-        font-size: 18px;
-        line-height: 26px;
+        font-size: 16px;
+        line-height: 16px;
         text-align: center;
         /*
         ======