From 3a756630f3699c3f86aa74eff174b9a7e8a21623 Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Tue, 19 Aug 2025 00:59:24 +0530
Subject: [PATCH] fix: grid settings/edit-row button alignment

---
 frontend/src/components/Controls/Grid.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/Controls/Grid.vue b/frontend/src/components/Controls/Grid.vue
index 0eda551e..17795432 100644
--- a/frontend/src/components/Controls/Grid.vue
+++ b/frontend/src/components/Controls/Grid.vue
@@ -52,10 +52,10 @@
             >
           </div>
         </div>
-        <div class="w-12">
+        <div class="flex items-center justify-center w-12">
           <Button
             :tooltip="__('Edit grid fields')"
-            class="flex w-full items-center justify-center rounded !bg-surface-gray-2 border-0 !text-ink-gray-5"
+            class="rounded !bg-surface-gray-2 border-0 !text-ink-gray-5"
             variant="outline"
             icon="settings"
             @click="showGridFieldsEditorModal = true"
@@ -275,10 +275,10 @@
                   />
                 </div>
               </div>
-              <div class="edit-row w-12">
+              <div class="edit-row flex items-center justify-center w-12">
                 <Button
                   :tooltip="__('Edit row')"
-                  class="flex w-full items-center justify-center rounded border-0 !text-ink-gray-7"
+                  class="rounded border-0 !text-ink-gray-7"
                   variant="outline"
                   :icon="EditIcon"
                   @click="showRowList[index] = true"