From 26b7137b5c7c0a2fc6c481a8fb204c27125ae495 Mon Sep 17 00:00:00 2001
From: Martin Filser <github-wekan@linux-email.de>
Date: Tue, 2 Feb 2021 23:01:38 +0100
Subject: [PATCH] Notification, Avatar overlaped at mobile view

---
 .../notifications/notification.styl           | 21 +++++++++++++++++--
 1 file changed, 19 insertions(+), 2 deletions(-)

diff --git a/client/components/notifications/notification.styl b/client/components/notifications/notification.styl
index bf31732b2..e25256a14 100644
--- a/client/components/notifications/notification.styl
+++ b/client/components/notifications/notification.styl
@@ -33,10 +33,14 @@
       .activity
         display: flex
 
-        a
-          margin: 0px 10px 0px 0px
+        a.member
+          margin: 0px 0px 0px -3px
           padding: 0px
 
+          svg
+            padding: 3px
+            margin: 0px 0px 0px -3px
+
         .activity-desc
           width: 100%;
 
@@ -59,3 +63,16 @@
     .remove
       a:hover
         color #eb4646 !important
+
+@media screen and (max-width: 800px)
+  #notifications-drawer
+    .notification
+      .details
+        .activity
+          a.member
+            padding: 12px 10px 12px 10px
+            margin: -10px 0px -10px 0px
+
+            svg
+              padding: 5px
+              margin: 0px 0px 0px -16px