Adjust spacing and appearance of recent news items

Reduce vertical padding between recent news articles and adjust spacing within the "Zuletzt hinzugefügt" section in the home page component.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 517dfa7b-26ac-463d-a6e1-a58c6df97188
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 97a804e0-b446-4b84-9272-0c0d5471d970
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/f209e72a-0939-48fa-84fc-57854de71967/517dfa7b-26ac-463d-a6e1-a58c6df97188/nFw7xof
Replit-Helium-Checkpoint-Created: true
This commit is contained in:
sebastjanartic 2026-03-02 18:10:03 +00:00
parent dc89d08a34
commit 3b503ed961

View File

@ -310,10 +310,10 @@ function TopStoriesList({ articles, className }: { articles: Article[]; classNam
<span className="w-1 h-4 bg-primary rounded-full" />
Zuletzt hinzugefügt
</h3>
<div className="space-y-1">
<div className="space-y-0">
{articles.slice(0, 5).map((article) => (
<Link key={article.id} href={`/article/${article.slug}`}>
<div className="group cursor-pointer py-3 border-b border-card-border last:border-0" data-testid={`card-top-${article.id}`}>
<div className="group cursor-pointer py-1.5 border-b border-card-border last:border-0" data-testid={`card-top-${article.id}`}>
<h4 className="text-xs font-medium text-card-foreground line-clamp-2 group-hover:text-primary transition-colors leading-snug">{article.title}</h4>
<div className="flex items-center gap-1.5 mt-0.5">
<span className="text-[10px] text-muted-foreground">{article.author}</span>