From e898287978ec7056006a054d7388582a4d002cf3 Mon Sep 17 00:00:00 2001
From: ChristophWersal <45358216+ChristophWersal@users.noreply.github.com>
Date: Sat, 31 Oct 2020 10:32:16 +0100
Subject: [PATCH] fix: make title of sub-pages (faq, imprint, ...) clickable on
 mobile (#301)

---
 src/components/FixedSearch.tsx | 1 +
 src/components/NavBar.tsx      | 3 ++-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/FixedSearch.tsx b/src/components/FixedSearch.tsx
index a8d1b0d1..7e98777c 100644
--- a/src/components/FixedSearch.tsx
+++ b/src/components/FixedSearch.tsx
@@ -11,6 +11,7 @@ const useStyles = makeStyles((theme) => ({
     height: "64px",
     display: "inline-flex",
     alignItems: "center",
+    pointerEvents: "auto",
     [theme.breakpoints.down("xs")]: {
       left: "0px",
       right: "48px", // right on the edge of the hamburger menu button
diff --git a/src/components/NavBar.tsx b/src/components/NavBar.tsx
index e184d42b..ef876d62 100644
--- a/src/components/NavBar.tsx
+++ b/src/components/NavBar.tsx
@@ -32,6 +32,7 @@ const useStyles = makeStyles((theme) => ({
       // on mobile devices
       backgroundColor: "transparent",
       boxShadow: "none",
+      pointerEvents: "none",
     },
   },
   title: {
@@ -183,7 +184,7 @@ export const NavBar = () => {
   return (
     <AppBar classes={{ root: classes.appBar }} style={{ height: 64, flex: "0 0 auto" }}>
       <Toolbar className={classes.fullHeightToolbar}>
-        <Link to="/">
+        <Link to="/" style={{ pointerEvents: "auto" }}>
           {!isMobile && ((Logo && <Logo />) || <img src={config.buildJSON.logoSrc} className={classes.logo} />)}
         </Link>
         {showSearch && <FixedSearch />}