From bf82eb48edd0dc29f280ac93c05d96f0222b91fe Mon Sep 17 00:00:00 2001
From: alma <alma@governance-labs.org>
Date: Tue, 15 Apr 2025 15:02:27 +0200
Subject: [PATCH] news design correction padding 17

---
 components/news.tsx | 20 ++++++--------------
 1 file changed, 6 insertions(+), 14 deletions(-)

diff --git a/components/news.tsx b/components/news.tsx
index 30ce9cb..30734a4 100644
--- a/components/news.tsx
+++ b/components/news.tsx
@@ -106,24 +106,16 @@ export function News() {
               news.map((item) => (
                 <div
                   key={item.id}
-                  className="p-2 rounded-lg bg-white shadow-sm hover:shadow-md transition-all duration-200 border border-gray-100"
+                  className="flex items-center justify-between p-1.5 hover:bg-gray-50 cursor-pointer"
                   onClick={() => window.open(item.url, '_blank')}
                 >
-                  <div className="flex flex-col gap-1">
-                    <div className="flex items-center justify-between text-xs">
-                      <span className="text-gray-500">{formatDate(item.date)}</span>
-                      {item.category && (
-                        <span className="px-2 py-0.5 rounded-full bg-blue-50 text-blue-600">
-                          {item.category}
-                        </span>
-                      )}
-                    </div>
-                    <h3 className="text-sm font-medium text-gray-800 line-clamp-2" title={item.title}>
+                  <div className="flex flex-col min-w-0">
+                    <h3 className="text-sm text-blue-600 truncate" title={item.title}>
                       {item.title}
                     </h3>
-                    <p className="text-xs text-gray-500 line-clamp-2" title={item.description}>
-                      {item.description}
-                    </p>
+                    <div className="flex items-center gap-2">
+                      <span className="text-xs text-gray-500">{formatDate(item.date)}</span>
+                    </div>
                   </div>
                 </div>
               ))