From 0ce3b8e4d12aecffbea383473e8909f1463b0c57 Mon Sep 17 00:00:00 2001
From: Agent Zero <agent@media-on.de>
Date: Tue, 28 Jul 2026 12:52:02 +0200
Subject: [PATCH] style: accordion headers as rounded buttons (bg-primary-50,
 text-primary-700, rounded-md)

---
 frontend/src/pages/ContactsList.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/pages/ContactsList.tsx b/frontend/src/pages/ContactsList.tsx
index fb712d6..e7cde90 100644
--- a/frontend/src/pages/ContactsList.tsx
+++ b/frontend/src/pages/ContactsList.tsx
@@ -395,7 +395,7 @@ export function ContactsListPage() {
             <div className="border-b border-secondary-200">
               <button
                 onClick={() => setViewsOpen(!viewsOpen)}
-                className="w-full flex items-center justify-between px-3 py-2 text-xs font-semibold text-white bg-primary-600 hover:bg-primary-700 rounded-none transition-colors"
+                className="w-full flex items-center justify-between px-3 py-2.5 rounded-md text-sm font-medium text-primary-700 bg-primary-50 hover:bg-primary-100 transition-colors"
               >
                 <span className="flex items-center gap-1.5">
                   <LayoutGrid className="w-3.5 h-3.5" strokeWidth={2} />
@@ -475,7 +475,7 @@ export function ContactsListPage() {
             <div className="flex-1">
               <button
                 onClick={() => setFoldersOpen(!foldersOpen)}
-                className="w-full flex items-center justify-between px-3 py-2 text-xs font-semibold text-white bg-primary-600 hover:bg-primary-700 rounded-none transition-colors"
+                className="w-full flex items-center justify-between px-3 py-2.5 rounded-md text-sm font-medium text-primary-700 bg-primary-50 hover:bg-primary-100 transition-colors"
               >
                 <span className="flex items-center gap-1.5">
                   <Bookmark className="w-3.5 h-3.5" strokeWidth={2} />