From 13509bb21a04c71e40ae651e0e1841baca1961f6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tim=20Daubensch=C3=BCtz?= <tim@daubenschuetz.de>
Date: Tue, 5 Sep 2023 17:52:17 +0200
Subject: [PATCH] Adjust touch targets

---
 src/views/components/thirdheader.mjs | 2 +-
 src/web/src/Bell.jsx                 | 6 +++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/views/components/thirdheader.mjs b/src/views/components/thirdheader.mjs
index 53ea27fc..1791a5d7 100644
--- a/src/views/components/thirdheader.mjs
+++ b/src/views/components/thirdheader.mjs
@@ -12,7 +12,7 @@ const secondheader = (theme, site) => html`
     >
       <a
         href="/"
-        style="padding: 0 0 0.1rem 0; flex: 1; text-decoration: none; color: inherit;"
+        style="display: flex; padding: 0 0 0.1rem 0; flex: 1; text-decoration: none; color: inherit;"
       >
         <div
           class="filter-tab"
diff --git a/src/web/src/Bell.jsx b/src/web/src/Bell.jsx
index 9022dcb0..0850204b 100644
--- a/src/web/src/Bell.jsx
+++ b/src/web/src/Bell.jsx
@@ -39,7 +39,11 @@ const Bell = (props) => {
   }
 
   return (
-    <a title="Notifications" href={link} style={{ position: "relative" }}>
+    <a
+      title="Notifications"
+      href={link}
+      style={{ display: "inline-flex", position: "relative" }}
+    >
       <i className="icon">
         {window.location.pathname === "/activity" ? (
           <BellSVGFull />