From d9ae4322eaab95f682ad2755f4ea8fabd1a903a8 Mon Sep 17 00:00:00 2001
From: Jonas Winkler <jonas.winkler@jpwinkler.de>
Date: Sun, 22 Nov 2020 21:06:48 +0100
Subject: [PATCH] display tags in thumbnail

---
 .../document-card-small.component.html                 | 10 ++++++++--
 .../document-card-small.component.scss                 |  6 +++---
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/src-ui/src/app/components/document-list/document-card-small/document-card-small.component.html b/src-ui/src/app/components/document-list/document-card-small/document-card-small.component.html
index 4283a40ee..c344092b6 100644
--- a/src-ui/src/app/components/document-list/document-card-small/document-card-small.component.html
+++ b/src-ui/src/app/components/document-list/document-card-small/document-card-small.component.html
@@ -1,9 +1,15 @@
 <div class="col p-2 h-100" style="width: 16rem;">
   <div class="card h-100">
-    <img [src]="getThumbUrl()" class="card-img-top doc-img border-bottom" style="height: 200px;"/>
+    <div class=" border-bottom doc-img pr-1" [ngStyle]="{'background-image': 'url(' + getThumbUrl() + ')'}">
+      <div class="row" *ngFor="let t of document.tags">
+        <app-tag [tag]="t" class="col text-right"></app-tag>
+      </div>
+    </div>
+
+    
     <div class="card-body p-2">
       <p class="card-title" *ngIf="document.correspondent">{{document.correspondent.name}}</p>
-      <p class="card-text">{{document.title}} <app-tag [tag]="t" *ngFor="let t of document.tags" class="ml-1"></app-tag></p>
+      <p class="card-text">{{document.title}}</p>
     </div>
     <div class="card-footer">
 
diff --git a/src-ui/src/app/components/document-list/document-card-small/document-card-small.component.scss b/src-ui/src/app/components/document-list/document-card-small/document-card-small.component.scss
index 680a87af5..ef00ad029 100644
--- a/src-ui/src/app/components/document-list/document-card-small/document-card-small.component.scss
+++ b/src-ui/src/app/components/document-list/document-card-small/document-card-small.component.scss
@@ -1,5 +1,5 @@
 .doc-img {
-  object-fit: cover;
-  object-position: top;
-
+  background-size: cover;
+  background-position: top;
+  height: 200px;
 }
\ No newline at end of file