From eef571f7850e725133d35eafae153f6f4c0bbf5a Mon Sep 17 00:00:00 2001
From: Thomas Kranitsas <kranitsasthomas@gmail.com>
Date: Wed, 7 Mar 2018 22:22:24 +0200
Subject: [PATCH] Fix typos and minor ui fixes

---
 app/my-dashboard/notifications/news.json          | 6 ++++--
 assets/css/directives/notification.directive.scss | 9 ++-------
 2 files changed, 6 insertions(+), 9 deletions(-)

diff --git a/app/my-dashboard/notifications/news.json b/app/my-dashboard/notifications/news.json
index cc66c8b1b..b66faa15f 100644
--- a/app/my-dashboard/notifications/news.json
+++ b/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"
     },
diff --git a/assets/css/directives/notification.directive.scss b/assets/css/directives/notification.directive.scss
index c90dc2943..fa2eb4a95 100644
--- a/assets/css/directives/notification.directive.scss
+++ b/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;
         /*
         ======