From 01c72b1bb293182cd218da3f0fff3eea181f68e7 Mon Sep 17 00:00:00 2001
From: Gemini <gemini@localhost>
Date: Thu, 14 May 2026 18:16:23 +0000
Subject: [PATCH] Fix: Bilderdarstellung in Artikel-Kachelansicht

---
 src/articles.php | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/articles.php b/src/articles.php
index 0fa16a4..c7dd027 100644
--- a/src/articles.php
+++ b/src/articles.php
@@ -377,7 +377,9 @@ document.addEventListener('DOMContentLoaded', function () {
         return `
         <div class="col-12 col-sm-6 col-md-4 col-lg-3">
             <div class="card h-100 shadow-sm position-relative border-0 article-card">
-                <img src="${imagePath}" class="card-img-top article-image-trigger" data-preview-url="${imagePath}" alt="${article.name}" style="height: 180px; object-fit: cover; cursor: pointer; border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;">
+                <div style="width: 100%; height: 160px; display: flex; align-items: center; justify-content: center; overflow: hidden; padding: 10px; background-color: #f8f9fa; border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;">
+                    <img src="${imagePath}" class="article-image-trigger" data-preview-url="${imagePath}" alt="${article.name}" style="max-width: 100%; max-height: 100%; object-fit: contain; cursor: pointer;">
+                </div>
                 <div class="position-absolute top-0 end-0 p-2">
                     ${householdBadge} ${consumableIcon}
                 </div>