From 52cf9aeacce5b47f43975db97f6b613ba535f789 Mon Sep 17 00:00:00 2001
From: reverend <reverend@reverend2048.de>
Date: Tue, 28 Jul 2020 18:35:42 +0200
Subject: [PATCH] Trying to fix CSS PlaceList Image

---
 source/lostplaces/lostplaces_app/static/main.css          | 2 +-
 source/lostplaces/lostplaces_app/templates/placeList.html | 4 +++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/source/lostplaces/lostplaces_app/static/main.css b/source/lostplaces/lostplaces_app/static/main.css
index 3fca665..2dcdab5 100644
--- a/source/lostplaces/lostplaces_app/static/main.css
+++ b/source/lostplaces/lostplaces_app/static/main.css
@@ -64,7 +64,7 @@
 .LP-Place .LP-Place__Image {
   width: 280px;
   height: 165px;
-  object-fit: fill; }
+  object-fit: cover; }
 
 .LP-Place .LP-Place__Assets {
   display: flex;
diff --git a/source/lostplaces/lostplaces_app/templates/placeList.html b/source/lostplaces/lostplaces_app/templates/placeList.html
index 117d845..0f3146d 100644
--- a/source/lostplaces/lostplaces_app/templates/placeList.html
+++ b/source/lostplaces/lostplaces_app/templates/placeList.html
@@ -7,7 +7,9 @@
     <li class="LP-Place__Item">
         <a href="{% url 'place_detail' pk=place.pk %}" class="LP-Link">
             <article class="LP-Place">
-                <img class="LP-Place__Image" src="{{ place.images.first.filename.url_thumbnail }}" />
+                <div class="LP-Place__ImageContainer">
+                    <img class="LP-Place__Image" src="{{ place.images.first.filename.url_thumbnail }}" />
+                </div>
                 <div class="LP-Place__Assets">
                     <div class="LP-Place__Info">
                         <h3 class="LP-Place__Title">{{place.name}}</h3>