Merge pull request #3783 from wallabag/issue-3780

material: decrease size of tags on list view

diff --combined app/Resources/static/themes/material/css/cards.scss
index 9e3599d5ea020efbf1bbc9eea6abb5f2f21e3e52,b6a73bfdce730db02da304bdae7c1f491dde24a1..4f67e03850096c1f05fa06017d43d3502010cd36
--- 1/app/Resources/static/themes/material/css/cards.scss
--- 2/app/Resources/static/themes/material/css/cards.scss
+++ b/app/Resources/static/themes/material/css/cards.scss
@@@ -116,6 -116,18 +116,6 @@@ main 
      height: 13.5em;
    }
  
 -  .card-image .preview,
 -  .card-fullimage .preview {
 -    height: 100%;
 -    background: no-repeat 50%/cover;
 -    background-color: #efefef;
 -    display: block;
 -
 -    &--default {
 -      background-size: contain;
 -    }
 -  }
 -
    &.sw {
      max-width: 370px;
      margin-left: auto;
@@@ -130,19 -142,6 +130,19 @@@ a.original:not(.waves-effect) 
    display: block;
  }
  
 +.card .card-image .preview,
 +.card .card-fullimage .preview,
 +.card-stacked .preview {
 +  height: 100%;
 +  background: no-repeat 50%/cover;
 +  background-color: #efefef;
 +  display: block;
 +
 +  &--default {
 +    background-size: contain;
 +  }
 +}
 +
  .card-entry-labels li,
  .card-tag-labels li {
    margin: 10px 10px 10px auto;
@@@ -211,19 -210,26 +211,21 @@@
      text-align: right;
    }
  
 -  .preview {
 +  .card-preview {
      max-width: 100px;
 -    height: auto;
 +    max-height: 50px;
      margin-right: 10px;
      flex: 1;
 -
 -    img {
 -      max-width: 100%;
 -      max-height: 100%;
 -    }
    }
  
    div.metadata {
      .chip {
        background-color: $blueAccentColor;
-       padding: 0 15px 0 10px;
+       padding: 0 7px;
        margin: auto 2px;
        border-radius: 6px;
+       line-height: 22px;
+       height: 22px;
  
        a,
        i {