Red line below the avatar now correctly on FireFox #3515

client/components/cards/minicard.jade

@@ -90,7 +90,6 @@ template(name="minicard")
       .minicard-assignees.js-minicard-assignees
         each getAssignees
           +userAvatar(userId=this)
-        hr(class="assigneehr" title="{{_ 'assignee'}}")
 
     if getMembers
       .minicard-members.js-minicard-members

client/components/cards/minicard.styl

@@ -166,17 +166,15 @@
   .minicard-assignees
     float: right
     margin-left: 5px
-
-    .assigneehr
-      border-top: 1px solid red
-      margin-bottom: 4px
+    border-bottom: 1px solid red
+    margin-bottom: 4px
 
     .member
       float: right
       border-radius: 50%
       height: 28px
       width: @height
-      margin: 0px 0px 4px 0px
+      margin-bottom: 4px
 
     .assignee
       float: right

client/components/users/userAvatar.styl

@@ -9,7 +9,6 @@ avatar-radius = 50%
   float: left
   height: 30px
   width: @height
-  margin: 0 4px 4px 0
   cursor: pointer
   user-select: none
   z-index: 1