website: fix layout on mobile

Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org>

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"

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

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) {