Merge PR #593 into devel

4 files changed, 11 insertions, 12 deletions

diff --git a/client/components/cards/attachments.jade b/client/components/cards/attachments.jade
index 2cb3bb85..da728114 100644
--- a/client/components/cards/attachments.jade
+++ b/client/components/cards/attachments.jade
@@ -49,4 +49,5 @@ template(name="attachmentsGalery")
                 | {{_ 'delete'}}
 
     if currentUser.isBoardMember
-      a.attachment-item.add-attachment.js-add-attachment {{_ 'add-attachment' }}
+      li.attachment-item.add-attachment
+        a.js-add-attachment {{_ 'add-attachment' }}
diff --git a/client/components/cards/attachments.styl b/client/components/cards/attachments.styl
index f322ebc8..9a5d0645 100644
--- a/client/components/cards/attachments.styl
+++ b/client/components/cards/attachments.styl
@@ -20,6 +20,10 @@
       display: flex
       align-items: center
 
+      a
+        display: block
+        margin: auto
+
     .attachment-thumbnail
       height: 80px
       display: flex
@@ -28,8 +32,8 @@
       position: relative
 
       .attachment-thumbnail-img
-        height: 100%
-        width: 100%
+        max-height: 100%
+        max-width: 100%
 
       .attachment-thumbnail-ext
         text-transform: uppercase
@@ -39,7 +43,7 @@
       font-size: 0.75em
       margin: 3px
 
-      .attachment-details-actions
+      .attachment-details-actions a
         display: block
 
 .attachment-image-preview
diff --git a/client/components/cards/minicard.jade b/client/components/cards/minicard.jade
index 573b3da1..1dfd2f8e 100644
--- a/client/components/cards/minicard.jade
+++ b/client/components/cards/minicard.jade
@@ -1,8 +1,7 @@
 template(name="minicard")
   .minicard
     if cover
-      .minicard-cover
-        img(src="{{pathFor cover.url}}")
+      .minicard-cover(style="background-image: url('{{pathFor cover.url}}');")
     if labels
       .minicard-labels
         each labels
diff --git a/client/components/cards/minicard.styl b/client/components/cards/minicard.styl
index 3b8c8a9a..0f6f8ad2 100644
--- a/client/components/cards/minicard.styl
+++ b/client/components/cards/minicard.styl
@@ -62,16 +62,11 @@
   .minicard-cover
     background-position: center
     background-repeat: no-repeat
-    background-size: cover
+    background-size: contain
     height: 145px
     user-select: none
     margin: -6px -8px 6px -8px
     border-radius: top 2px
-    position: relative
-
-    img
-      height: 100%
-      width: 100%
 
   .minicard-labels
     float: right