From a8dea1cb396bd305c8cabe9bdde7cfb75a94a88e Mon Sep 17 00:00:00 2001
From: shubhamsharma9199 <shubham.24bcs10320@sst.scaler.com>
Date: Thu, 6 Nov 2025 04:57:41 +0530
Subject: [PATCH] fix(ui): adjust client toolbar alignment for better visual
 consistency

---
 src/app/clients/clients.component.html |  6 ++----
 src/app/clients/clients.component.scss | 20 ++++++++++++++++++++
 2 files changed, 22 insertions(+), 4 deletions(-)

diff --git a/src/app/clients/clients.component.html b/src/app/clients/clients.component.html
index 6dfc9c0f2c..4606a3377e 100644
--- a/src/app/clients/clients.component.html
+++ b/src/app/clients/clients.component.html
@@ -1,6 +1,6 @@
 <mat-card class="container">
   <div class="layout-column layout-gt-sm-row align-gt-sm-start-center">
-    <div class="search-box m-r-30">
+    <div class="search-box">
       <mat-form-field class="search-box">
         <input
           matInput
@@ -9,9 +9,7 @@
           (keydown.enter)="search($event.target.value)"
         />
       </mat-form-field>
-    </div>
-    <div class="filter-box" *ngIf="existsClientsToFilter">
-      <mat-checkbox #showClosedAccounts labelPosition="after" class="m-r-10"
+      <mat-checkbox #showClosedAccounts labelPosition="after" class="m-r-10" *ngIf="existsClientsToFilter"
         >{{ 'labels.inputs.Show Closed Accounts' | translate }}
       </mat-checkbox>
     </div>
diff --git a/src/app/clients/clients.component.scss b/src/app/clients/clients.component.scss
index 08ccfe5cef..744dc6b374 100644
--- a/src/app/clients/clients.component.scss
+++ b/src/app/clients/clients.component.scss
@@ -1 +1,21 @@
 @use '../shared/styles/list-layout' as *;
+
+.layout-column.layout-gt-sm-row.align-gt-sm-start-center {
+  align-items: center;
+
+  .search-box {
+    align-items: center;
+
+    mat-checkbox {
+      transform: translateY(-14px);
+    }
+  }
+
+  .action-button {
+    align-items: center;
+
+    button {
+      transform: translateY(-14px);
+    }
+  }
+}