From aa1501eaac1421edf45ff54e9acf2d2d3739990c Mon Sep 17 00:00:00 2001
From: Pavlo Kulyk <pkulyk@devforth.io>
Date: Fri, 12 Jun 2026 17:56:49 +0300
Subject: [PATCH] fix: revert af select style, instead change just
 af-page-size-btn

---
 adminforth/spa/src/afcl/Select.vue                  | 10 +++-------
 adminforth/spa/src/components/ResourceListTable.vue |  8 +++++++-
 2 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/adminforth/spa/src/afcl/Select.vue b/adminforth/spa/src/afcl/Select.vue
index 361297516..9c7174b7d 100644
--- a/adminforth/spa/src/afcl/Select.vue
+++ b/adminforth/spa/src/afcl/Select.vue
@@ -10,13 +10,9 @@
         v-model="search"
         @click="inputClick"
         @input="inputInput"
-        class="af-page-size-btn block w-full h-[34px] pl-3 pr-10 py-2 text-left
-        text-sm font-medium transition-all border outline-none rounded-default
-        bg-lightListViewButtonBackground text-lightListViewButtonText border-lightListViewButtonBorder
-        placeholder-lightDropdownButtonsPlaceholderText dark:placeholder-darkDropdownButtonsPlaceholderText
-        dark:bg-darkListViewButtonBackground dark:text-darkListViewButtonText dark:border-darkListViewButtonBorder
-        dark:hover:text-darkListViewButtonTextHover dark:hover:bg-darkListViewButtonBackgroundHover
-        hover:bg-lightListViewButtonBackgroundHover hover:text-lightListViewButtonTextHover"
+        class="block w-full pl-3 pr-10 py-2.5 border border-lightDropownButtonsBorder rounded-md leading-5 bg-lightDropdownButtonsBackground 
+        placeholder-lightDropdownButtonsPlaceholderText text-lightDropdownButtonsText sm:text-sm transition duration-150 ease-in-out dark:bg-darkDropdownButtonsBackground dark:border-darkDropdownButtonsBorder dark:placeholder-darkDropdownButtonsPlaceholderText
+        dark:text-darkDropdownButtonsText focus:ring-lightPrimary focus:border-lightPrimary dark:focus:ring-darkPrimary dark:focus:border-darkPrimary"
         :class="[{'cursor-pointer': searchDisabled}, classesForInput]"
         autocomplete="off" data-custom="no-autofill"
         :placeholder="
diff --git a/adminforth/spa/src/components/ResourceListTable.vue b/adminforth/spa/src/components/ResourceListTable.vue
index 5b59135bb..53390d3fa 100644
--- a/adminforth/spa/src/components/ResourceListTable.vue
+++ b/adminforth/spa/src/components/ResourceListTable.vue
@@ -353,7 +353,13 @@
         :style="{ width: selectDynamicWidth }"
         :placeholder="pageSizeInternal?.toString()"        
         class="text-sm min-w-20 af-page-size-button" 
-        classesForInput="h-[34px] min-h-0 py-1 pl-2 pr-6 text-sm cursor-pointer af-button-shadow bg-lightDropdownButtonsBackground text-lightDropdownButtonsText border-lightDropdownButtonsBorder dark:bg-darkDropdownButtonsBackground dark:text-darkDropdownButtonsText dark:border-darkDropdownButtonsBorder rounded-default"
+        classesForInput="
+        af-page-size-btn h-[34px] min-h-0 py-1 pl-2 pr-6 text-left text-sm font-medium transition-all 
+        outline-none cursor-pointer af-button-shadow rounded-default bg-lightListViewButtonBackground 
+        text-lightListViewButtonText border-lightListViewButtonBorder 
+        dark:bg-darkListViewButtonBackground dark:text-darkListViewButtonText dark:border-darkListViewButtonBorder 
+        hover:bg-lightListViewButtonBackgroundHover hover:text-lightListViewButtonTextHover 
+        dark:hover:bg-darkListViewButtonBackgroundHover dark:hover:text-darkListViewButtonTextHover"
       /> 
     </div>
   </div>