From 81aaf8d8966133db020bf9ba9901498b37d0570b Mon Sep 17 00:00:00 2001
From: KenTandrian <kenricktan11@gmail.com>
Date: Sat, 25 Oct 2025 23:37:18 +0700
Subject: [PATCH] fix(client): move button and change position

---
 .../holding-detail-dialog.html                | 23 +++++++++++--------
 1 file changed, 13 insertions(+), 10 deletions(-)

diff --git a/apps/client/src/app/components/holding-detail-dialog/holding-detail-dialog.html b/apps/client/src/app/components/holding-detail-dialog/holding-detail-dialog.html
index 23c336ab7..fb32c359a 100644
--- a/apps/client/src/app/components/holding-detail-dialog/holding-detail-dialog.html
+++ b/apps/client/src/app/components/holding-detail-dialog/holding-detail-dialog.html
@@ -428,6 +428,19 @@
       <div class="row">
         <div class="col">
           <div class="button-container d-flex flex-wrap">
+            @if (data.hasPermissionToCreateActivity && quantity > 0) {
+              <button
+                color="warn"
+                mat-stroked-button
+                (click)="onCloseHolding()"
+              >
+                <ion-icon
+                  class="mr-1"
+                  name="arrow-down-circle-outline"
+                ></ion-icon
+                ><span i18n>Close Holding</span>
+              </button>
+            }
             @if (data.hasPermissionToAccessAdminControl) {
               <a
                 mat-stroked-button
@@ -443,16 +456,6 @@
                 >...</a
               >
             }
-            @if (data.hasPermissionToCreateActivity && quantity > 0) {
-              <button
-                color="warn"
-                mat-stroked-button
-                (click)="onCloseHolding()"
-              >
-                <ion-icon class="mr-1" name="close-outline"></ion-icon
-                ><span i18n>Close Holding</span>
-              </button>
-            }
             @if (
               dataSource?.data.length > 0 &&
               data.hasPermissionToReportDataGlitch === true