Refactor: Apply consistent card styling

src/components/rides/RideModelCard.tsx

@@ -65,23 +65,33 @@ export function RideModelCard({ model, manufacturerSlug }: RideModelCardProps) {
         )}
       </div>
 
-      <CardContent className="p-3 space-y-2">
-        <h3 className="font-semibold text-base line-clamp-2 group-hover:text-primary transition-colors">
-          {model.name}
-        </h3>
-
-        <div className="flex flex-wrap gap-2">
-          <Badge variant="secondary" className="text-xs">
-            {formatCategory(model.category)}
-          </Badge>
-          <Badge variant="outline" className="text-xs">
-            {formatRideType(model.ride_type)}
-          </Badge>
+      <CardContent className="p-2.5 space-y-1.5 border-t border-border/30">
+        <div className="space-y-0.5 min-w-0">
+          <h3 className="font-semibold text-base line-clamp-2 break-words group-hover:text-primary transition-colors">
+            {model.name}
+          </h3>
         </div>
 
-        <div className="text-sm text-muted-foreground">
-          {rideCount} {rideCount === 1 ? 'ride' : 'rides'}
+        <div className="flex flex-wrap items-center gap-2 text-sm">
+          {model.category && (
+            <Badge variant="secondary" className="text-xs">
+              {formatCategory(model.category)}
+            </Badge>
+          )}
+          {model.ride_type && (
+            <Badge variant="outline" className="text-xs">
+              {formatRideType(model.ride_type)}
+            </Badge>
+          )}
         </div>
+
+        {rideCount > 0 && (
+          <div className="flex items-center gap-1 text-sm">
+            <FerrisWheel className="w-4 h-4 text-primary/70 flex-shrink-0" />
+            <span className="font-medium">{rideCount}</span>
+            <span className="text-muted-foreground">installations</span>
+          </div>
+        )}
       </CardContent>
     </Card>
   );