Browse Source

Notification, Avatar overlaped at mobile view

Martin Filser 4 years ago
parent
commit
26b7137b5c
1 changed files with 19 additions and 2 deletions
  1. 19 2
      client/components/notifications/notification.styl

+ 19 - 2
client/components/notifications/notification.styl

@@ -33,10 +33,14 @@
       .activity
       .activity
         display: flex
         display: flex
 
 
-        a
-          margin: 0px 10px 0px 0px
+        a.member
+          margin: 0px 0px 0px -3px
           padding: 0px
           padding: 0px
 
 
+          svg
+            padding: 3px
+            margin: 0px 0px 0px -3px
+
         .activity-desc
         .activity-desc
           width: 100%;
           width: 100%;
 
 
@@ -59,3 +63,16 @@
     .remove
     .remove
       a:hover
       a:hover
         color #eb4646 !important
         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