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 1/4] 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

From e31192e97e67bb34600a433ca7b87c9dbecc24cb Mon Sep 17 00:00:00 2001
From: Martin Filser <github-wekan@linux-email.de>
Date: Tue, 2 Feb 2021 23:02:45 +0100
Subject: [PATCH 2/4] Notification, split line was missing at mobile view

---
 client/components/notifications/notification.styl | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/client/components/notifications/notification.styl b/client/components/notifications/notification.styl
index e25256a14..9f4e01f27 100644
--- a/client/components/notifications/notification.styl
+++ b/client/components/notifications/notification.styl
@@ -67,6 +67,8 @@
 @media screen and (max-width: 800px)
   #notifications-drawer
     .notification
+      height: auto
+
       .details
         .activity
           a.member

From 28e23f9d87b2f4b5cf8e8058c9b2013be0f15d43 Mon Sep 17 00:00:00 2001
From: Martin Filser <github-wekan@linux-email.de>
Date: Tue, 2 Feb 2021 23:07:28 +0100
Subject: [PATCH 3/4] Notification, each notification has now more space at top

---
 client/components/notifications/notification.styl | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/client/components/notifications/notification.styl b/client/components/notifications/notification.styl
index 9f4e01f27..beedbe058 100644
--- a/client/components/notifications/notification.styl
+++ b/client/components/notifications/notification.styl
@@ -5,7 +5,7 @@
   .notification
     display: flex
     float: none
-    padding: 12px 8px 8px
+    padding: 15px 8px 8px
     color: black
     border-bottom: 1px solid #dbdbdb
 

From 6c6cba51fa0c0c3abdbfbf38ab7bbc54c221d5cd Mon Sep 17 00:00:00 2001
From: Martin Filser <github-wekan@linux-email.de>
Date: Tue, 2 Feb 2021 23:38:37 +0100
Subject: [PATCH 4/4] Notification trash link was not visible if actifity text
 is too long

---
 client/components/notifications/notification.styl | 15 +++++----------
 1 file changed, 5 insertions(+), 10 deletions(-)

diff --git a/client/components/notifications/notification.styl b/client/components/notifications/notification.styl
index beedbe058..0416d07e4 100644
--- a/client/components/notifications/notification.styl
+++ b/client/components/notifications/notification.styl
@@ -14,6 +14,7 @@
 
     .read-status
       width: 30px
+      padding: 0px 10px 0px 0px
 
       input
         width: 24px
@@ -28,21 +29,19 @@
         color: #bbb
 
     .details
-      width: calc(100% - 30px)
 
       .activity
         display: flex
 
         a.member
-          margin: 0px 0px 0px -3px
+          margin: 0px 0px 0px 0px
           padding: 0px
 
           svg
             padding: 3px
-            margin: 0px 0px 0px -3px
 
         .activity-desc
-          width: 100%;
+          margin: 0px 0px 0px 5px
 
         .activity-comment
           display: block
@@ -72,9 +71,5 @@
       .details
         .activity
           a.member
-            padding: 12px 10px 12px 10px
-            margin: -10px 0px -10px 0px
-
-            svg
-              padding: 5px
-              margin: 0px 0px 0px -16px
+            height: 36px
+            width: 36px