From 27e29b9c9a6b61b3c15adab282b565814f8cd6d7 Mon Sep 17 00:00:00 2001
From: folx bot <bot@folx.tv>
Date: Mon, 24 Aug 2026 18:56:53 +0200
Subject: [PATCH] =?UTF-8?q?naslovnica:=20glavna=20kartica=20se=20ne=20razt?=
 =?UTF-8?q?eguje=20vec=20pod=20besedilom=20=E2=80=94=20visek=20visine=20gr?=
 =?UTF-8?q?e=20v=20sliko=20(flex-1),=20besedilni=20del=20je=20fiksne=20vis?=
 =?UTF-8?q?ine,=20kot=20je=20ze=20pri=20stranskih=20karticah?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/src/pages/home.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/client/src/pages/home.tsx b/client/src/pages/home.tsx
index 3f78c77..9de6ed4 100644
--- a/client/src/pages/home.tsx
+++ b/client/src/pages/home.tsx
@@ -523,7 +523,10 @@ function FeaturedHeroCard({ article, focalPoints }: { article: Article; focalPoi
   return (
     <Link href={`/article/${article.slug}`}>
       <div className="relative group cursor-pointer rounded-lg overflow-hidden bg-card border border-card-border h-full flex flex-col" data-testid={`card-featured-hero-${article.id}`}>
-        <div className="relative flex-none aspect-[16/10] min-h-[300px]">
+        {/* Visek visine gre v sliko, ne v prazen prostor pod besedilom. Prej je
+            imela slika fiksno razmerje in se je raztegnil besedilni del, kar je
+            pod novico naredilo velik crn pas. */}
+        <div className="relative flex-1 min-h-[300px]">
           <img src={article.coverImage || ""} alt={article.title} className="w-full h-full object-cover absolute inset-0 transition-transform duration-700 group-hover:scale-105" style={{ objectPosition: objPos }} loading="lazy" />
           {isVideo && (
             <div className="absolute inset-0 flex items-center justify-center z-10">
@@ -533,7 +536,7 @@ function FeaturedHeroCard({ article, focalPoints }: { article: Article; focalPoi
             </div>
           )}
         </div>
-        <div className="p-4 flex-1">
+        <div className="p-4 flex-none">
           <div className="flex items-center gap-2 mb-1.5">
             <span className="text-xs font-medium text-primary">{article.category}</span>
             <span className="text-muted-foreground text-xs">{timeAgo(new Date(article.publishedAt))}</span>