From 1fec385212f43562272394ce2a26b4051c3fb086 Mon Sep 17 00:00:00 2001
From: Steffen Illium <steffen.illium@gmail.com>
Date: Sun, 14 Sep 2025 23:11:33 +0200
Subject: [PATCH] chevron and card header styles

---
 components/list-item-research.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/components/list-item-research.tsx b/components/list-item-research.tsx
index 79812524..f4a8ce9e 100644
--- a/components/list-item-research.tsx
+++ b/components/list-item-research.tsx
@@ -1,7 +1,8 @@
 "use client";
 
-import { Card } from "@/components/ui/card";
+import { Card, CardTitle } from "@/components/ui/card";
 import { cn } from "@/lib/utils";
+import { ChevronRightIcon } from "lucide-react";
 import Image from "next/image";
 import Link from "next/link";
 import Markdown from "react-markdown";
@@ -55,7 +56,12 @@ export function ResearchListItem({
 
         {/* Text Content Container (Flexible Width) */}
         <div className="flex flex-1 flex-col p-4">
-          <h3 className="font-bold text-lg">{title}</h3>
+            <CardTitle className="mt-1 text-base flex items-center">
+              <span className="truncate max-w-65">{title}</span>
+              <ChevronRightIcon
+                className="size-4 shrink-0 translate-x-0 transform opacity-0 transition-all duration-300 ease-out group-hover:translate-x-1 group-hover:opacity-100"
+              />
+            </CardTitle>
           <div className="flex items-center gap-x-2 text-xs text-muted-foreground mt-1">
             {venue && <span className="font-semibold text-primary">{venue}</span>}
             {venue && <span>•</span>}