From 8cbb818a6eb68e44720b3df40922e98ec7935817 Mon Sep 17 00:00:00 2001
From: Amirhossein Khalili <amirhosseinkhalili901@gmail.com>
Date: Mon, 27 Apr 2026 17:13:35 +0330
Subject: [PATCH] refactor(lists): align add actions with workspace header

---
 src/pages/Clients.tsx | 17 +++++++++--------
 src/pages/Tags.tsx    |  4 ++--
 2 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/src/pages/Clients.tsx b/src/pages/Clients.tsx
index 035e95f..82ece98 100644
--- a/src/pages/Clients.tsx
+++ b/src/pages/Clients.tsx
@@ -116,18 +116,19 @@ export default function Clients() {
 
   return (
     <div className="flex flex-col p-6 min-h-[calc(100vh-73px)] bg-slate-50 dark:bg-slate-900">
-      <div className="flex flex-col sm:flex-row justify-between items-start sm:items-center gap-4 mb-8">
-        <div>
-          <h1 className="text-2xl font-bold text-slate-900 dark:text-white">{t.clients.title}</h1>
-          <p className="text-slate-500 dark:text-slate-400 text-sm mt-1">
-            {t.clients.description(activeWorkspace.name)}
-          </p>
-        </div>
-        
+      <div className="flex justify-between items-center mb-8 gap-4">
+        <div>
+          <h1 className="text-2xl font-bold text-slate-900 dark:text-white">{t.clients.title}</h1>
+          <p className="text-slate-500 dark:text-slate-400 text-sm mt-1">
+            {t.clients.description(activeWorkspace.name)}
+          </p>
+        </div>
+        
         {canCreateClient && (
           <Button
             onClick={() => setIsCreateModalOpen(true)}
             size="icon"
+            className="shadow-sm shrink-0"
             title={t.clients.addClient}
           >
             <Plus className="w-4 h-4" />
diff --git a/src/pages/Tags.tsx b/src/pages/Tags.tsx
index 238db38..f8bd659 100644
--- a/src/pages/Tags.tsx
+++ b/src/pages/Tags.tsx
@@ -144,7 +144,7 @@ export default function Tags() {
 
   return (
     <div className="flex flex-col p-6 min-h-[calc(100vh-73px)] bg-slate-50 dark:bg-slate-900">
-      <div className="flex flex-col sm:flex-row justify-between items-start sm:items-center mb-8 gap-4">
+      <div className="flex justify-between items-center mb-8 gap-4">
         <div>
           <h1 className="text-2xl font-bold text-slate-900 dark:text-white">{t.tags?.title || "Tags"}</h1>
           <p className="text-slate-500 dark:text-slate-400 mt-1">
@@ -152,7 +152,7 @@ export default function Tags() {
           </p>
         </div>
         {canCreateTag && (
-          <Button onClick={openCreateModal} size="icon" className="shadow-sm" title={t.tags?.create || "Create Tag"}>
+          <Button onClick={openCreateModal} size="icon" className="shadow-sm shrink-0" title={t.tags?.create || "Create Tag"}>
             <Plus className="h-4 w-4" />
           </Button>
         )}