From 4c73ee8265372a5f7e13dfebda31c3af65ef3d90 Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Sat, 28 Feb 2026 21:34:19 +0000
Subject: [PATCH] Adjust news widget to display five articles and fix photo
 gallery aspect ratio

Update news widget visible count from 6 to 5 and adjust photo gallery image to use an aspect ratio of 4/3, ensuring it no longer overflows its container.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 517dfa7b-26ac-463d-a6e1-a58c6df97188
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 38e2b203-009e-47ca-9973-43174b73b28f
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/f209e72a-0939-48fa-84fc-57854de71967/517dfa7b-26ac-463d-a6e1-a58c6df97188/drGbo1a
Replit-Helium-Checkpoint-Created: true
---
 client/src/components/news-widget.tsx   | 2 +-
 client/src/components/photo-gallery.tsx | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/client/src/components/news-widget.tsx b/client/src/components/news-widget.tsx
index 189f814..8f80365 100644
--- a/client/src/components/news-widget.tsx
+++ b/client/src/components/news-widget.tsx
@@ -9,7 +9,7 @@ interface NewsItem {
   pubDate: string;
 }
 
-const VISIBLE_COUNT = 6;
+const VISIBLE_COUNT = 5;
 
 export function NewsWidget() {
   const { data: news, isLoading } = useQuery<NewsItem[]>({
diff --git a/client/src/components/photo-gallery.tsx b/client/src/components/photo-gallery.tsx
index e47bd38..7bb06b1 100644
--- a/client/src/components/photo-gallery.tsx
+++ b/client/src/components/photo-gallery.tsx
@@ -110,11 +110,11 @@ function SingleImageCarousel({
       onMouseEnter={() => setPaused(true)}
       onMouseLeave={() => setPaused(false)}
     >
-      <div className="relative w-full overflow-hidden rounded-b-lg flex-1 min-h-0">
+      <div className="relative w-full overflow-hidden rounded-b-lg">
         <img
           src={images[index].large || images[index].thumb}
           alt={images[index].fileName}
-          className="absolute inset-0 w-full h-full object-cover transition-opacity duration-500"
+          className="w-full aspect-[4/3] object-cover transition-opacity duration-500"
           style={{ objectPosition: "center 30%" }}
           loading="lazy"
           data-testid="img-gallery-current"