From 553872e8dd31cbc05b14565aacb4c212077cf361 Mon Sep 17 00:00:00 2001
From: Jens Langhammer <jens.langhammer@beryju.org>
Date: Wed, 5 May 2021 20:05:07 +0200
Subject: [PATCH] website: fix layout on mobile

Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org>
---
 website/package-lock.json           | 1 +
 website/src/pages/index.jsx         | 2 +-
 website/src/pages/styles.module.css | 7 +++++++
 3 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/website/package-lock.json b/website/package-lock.json
index bcef0a319..2de545328 100644
--- a/website/package-lock.json
+++ b/website/package-lock.json
@@ -12764,6 +12764,7 @@
             "version": "1.2.13",
             "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-1.2.13.tgz",
             "integrity": "sha512-oWb1Z6mkHIskLzEJ/XWX0srkpkTQ7vaopMQkyaEIoq0fmtFVxOthb8cCxeT+p3ynTdkk/RZwbgG4brR5BeWECw==",
+            "hasInstallScript": true,
             "optional": true,
             "os": [
                 "darwin"
diff --git a/website/src/pages/index.jsx b/website/src/pages/index.jsx
index 90a1ab4ef..aa583269f 100644
--- a/website/src/pages/index.jsx
+++ b/website/src/pages/index.jsx
@@ -68,7 +68,7 @@ function Home() {
                     <div className="row">
                         <div className="col padding-top--lg">
                             <h1 className="hero__title">
-                                {siteConfig.tagline}
+                                Making authentication simple.
                             </h1>
                             <p className="hero__subtitle">
                                 authentik is an open-source Identity Provider
diff --git a/website/src/pages/styles.module.css b/website/src/pages/styles.module.css
index 8bd8f12b2..10cea55ad 100644
--- a/website/src/pages/styles.module.css
+++ b/website/src/pages/styles.module.css
@@ -4,6 +4,13 @@
     text-align: center;
     position: relative;
     overflow: hidden;
+    overflow-wrap: normal;
+}
+
+@media (max-width: 996px) {
+    .heroBanner img {
+        margin-top: 1rem;
+    }
 }
 
 @media screen and (max-width: 966px) {