From 8a5690730fa944fbe6f4199d6166544d5873ecbe Mon Sep 17 00:00:00 2001
From: Aarni Halinen <aarni.halinen@aalto.fi>
Date: Sat, 17 Nov 2018 20:42:02 +0200
Subject: [PATCH] =?UTF-8?q?Add=20S=C3=B6ss=C3=B6=20link=20on=20Front=20pag?=
 =?UTF-8?q?e?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/FrontPage/FrontPage.scss | 32 ++++++++++++++++++++++++++++++
 src/pages/FrontPage/FrontPage.tsx  |  5 ++++-
 2 files changed, 36 insertions(+), 1 deletion(-)

diff --git a/src/pages/FrontPage/FrontPage.scss b/src/pages/FrontPage/FrontPage.scss
index 95916d2..3978825 100644
--- a/src/pages/FrontPage/FrontPage.scss
+++ b/src/pages/FrontPage/FrontPage.scss
@@ -1,3 +1,5 @@
+@import "../../assets/scss/globals";
+
 .front-page {
   display: flex;
   flex-flow: column wrap;
@@ -7,4 +9,34 @@
     display: flex;
     flex-flow: column wrap;
   }
+
+  &__page-statement {
+    display: flex;
+    flex-flow: row nowrap;
+    align-items: flex-end;
+    text-align: center;
+    justify-content: center;
+    width: 100%;
+
+    p {
+      display: flex;
+      color: $white;
+      margin: 0 1rem;
+      font-size: 2rem;
+      font-weight: 300;
+    }
+
+    a {
+      display: flex;
+      color: $white;
+      margin: 0 1rem;
+      font-size: 0.8rem;
+      font-weight: 600;
+      text-transform: uppercase;
+    }
+
+    @media screen and (max-width: 600px - 1px) {
+      flex-flow: column nowrap;
+    }
+  }
 }
diff --git a/src/pages/FrontPage/FrontPage.tsx b/src/pages/FrontPage/FrontPage.tsx
index 43608ba..f4ce6ee 100644
--- a/src/pages/FrontPage/FrontPage.tsx
+++ b/src/pages/FrontPage/FrontPage.tsx
@@ -118,7 +118,10 @@ class FrontPage extends React.Component<FrontPageProps, FrontPageState> {
           </div>
         </PageSection>
         <PageSection backgroundColor={PageSectionColor.Orange}>
-          <p>Sössöä vuodesta 1969.</p><a href="/sosso">Lue opiskelijalehden viimeisin numero ›</a>
+          <div className="front-page__page-statement">
+            <p>Sössöä vuodesta 1969.</p>
+            <a href="https://sosso.fi">Lue opiskelijalehden viimeisin numero ›</a>
+          </div>
         </PageSection>
         <PageSection backgroundColor={PageSectionColor.White}>
           {feed.map(inst => (