From e2bd71cf24ffeb6ed3cb2d8e2eb217e72ebc5a90 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Tue, 28 Oct 2025 16:40:06 +0000
Subject: [PATCH] Fix: Adjust image height in list views

---
 src/components/designers/DesignerListView.tsx         | 2 +-
 src/components/manufacturers/ManufacturerListView.tsx | 2 +-
 src/components/operators/OperatorListView.tsx         | 2 +-
 src/components/parks/ParkListView.tsx                 | 2 +-
 src/components/rides/RideListView.tsx                 | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/designers/DesignerListView.tsx b/src/components/designers/DesignerListView.tsx
index 8de2374b..ad8b92c1 100644
--- a/src/components/designers/DesignerListView.tsx
+++ b/src/components/designers/DesignerListView.tsx
@@ -28,7 +28,7 @@ export function DesignerListView({ designers, onDesignerClick }: DesignerListVie
           <CardContent className="p-0">
             <div className="flex flex-col sm:flex-row">
               {/* Logo */}
-              <div className="w-full sm:w-32 h-32 md:w-40 md:h-32 flex-shrink-0 relative overflow-hidden bg-gradient-to-br from-muted/50 to-muted/30">
+              <div className="w-full h-32 sm:w-32 sm:h-auto md:w-40 flex-shrink-0 self-stretch relative overflow-hidden bg-gradient-to-br from-muted/50 to-muted/30">
                 {designer.logo_url ? (
                   <img 
                     src={designer.logo_url} 
diff --git a/src/components/manufacturers/ManufacturerListView.tsx b/src/components/manufacturers/ManufacturerListView.tsx
index afd47187..be01ae9c 100644
--- a/src/components/manufacturers/ManufacturerListView.tsx
+++ b/src/components/manufacturers/ManufacturerListView.tsx
@@ -28,7 +28,7 @@ export function ManufacturerListView({ manufacturers, onManufacturerClick }: Man
           <CardContent className="p-0">
             <div className="flex flex-col sm:flex-row">
               {/* Logo */}
-              <div className="w-full sm:w-32 h-32 md:w-40 md:h-32 flex-shrink-0 relative overflow-hidden bg-gradient-to-br from-muted/50 to-muted/30">
+              <div className="w-full h-32 sm:w-32 sm:h-auto md:w-40 flex-shrink-0 self-stretch relative overflow-hidden bg-gradient-to-br from-muted/50 to-muted/30">
                 {manufacturer.logo_url ? (
                   <img 
                     src={manufacturer.logo_url} 
diff --git a/src/components/operators/OperatorListView.tsx b/src/components/operators/OperatorListView.tsx
index 03259cce..15bbe91c 100644
--- a/src/components/operators/OperatorListView.tsx
+++ b/src/components/operators/OperatorListView.tsx
@@ -28,7 +28,7 @@ export function OperatorListView({ operators, onOperatorClick }: OperatorListVie
           <CardContent className="p-0">
             <div className="flex flex-col sm:flex-row">
               {/* Logo */}
-              <div className="w-full sm:w-32 h-32 md:w-40 md:h-32 flex-shrink-0 relative overflow-hidden bg-gradient-to-br from-muted/50 to-muted/30">
+              <div className="w-full h-32 sm:w-32 sm:h-auto md:w-40 flex-shrink-0 self-stretch relative overflow-hidden bg-gradient-to-br from-muted/50 to-muted/30">
                 {operator.logo_url ? (
                   <img 
                     src={operator.logo_url} 
diff --git a/src/components/parks/ParkListView.tsx b/src/components/parks/ParkListView.tsx
index a98b5697..f4ef4d35 100644
--- a/src/components/parks/ParkListView.tsx
+++ b/src/components/parks/ParkListView.tsx
@@ -53,7 +53,7 @@ export function ParkListView({ parks, onParkClick }: ParkListViewProps) {
           <CardContent className="p-0">
             <div className="flex flex-col sm:flex-row">
               {/* Image */}
-              <div className="w-full sm:w-40 h-40 md:w-48 md:h-40 flex-shrink-0 relative overflow-hidden">
+              <div className="w-full h-40 sm:w-40 sm:h-auto md:w-48 flex-shrink-0 self-stretch relative overflow-hidden">
                 {park.card_image_url ? (
                   <>
                     <img 
diff --git a/src/components/rides/RideListView.tsx b/src/components/rides/RideListView.tsx
index 8ffdb459..dba8bb3c 100644
--- a/src/components/rides/RideListView.tsx
+++ b/src/components/rides/RideListView.tsx
@@ -44,7 +44,7 @@ export function RideListView({ rides, onRideClick }: RideListViewProps) {
           <CardContent className="p-0">
             <div className="flex flex-col sm:flex-row">
               {/* Image */}
-              <div className="w-full sm:w-40 h-40 md:w-48 md:h-40 flex-shrink-0 relative overflow-hidden">
+              <div className="w-full h-40 sm:w-40 sm:h-auto md:w-48 flex-shrink-0 self-stretch relative overflow-hidden">
                 {ride.card_image_url ? (
                   <>
                     <img