From ec69bd6594f09de06e0839d9e6ef7af6e7afa804 Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Fri, 10 Nov 2023 22:19:44 +0200
Subject: [PATCH] fix: search and filter structure

---
 .../ManagementTable/ManagementTable.tsx        |  6 +++---
 .../ManagementTable/SearchManagement.tsx       | 18 ++++++++++--------
 2 files changed, 13 insertions(+), 11 deletions(-)

diff --git a/src/pages/ValidatorManagement/ManagementTable/ManagementTable.tsx b/src/pages/ValidatorManagement/ManagementTable/ManagementTable.tsx
index 8613159e..83d15f74 100644
--- a/src/pages/ValidatorManagement/ManagementTable/ManagementTable.tsx
+++ b/src/pages/ValidatorManagement/ManagementTable/ManagementTable.tsx
@@ -67,16 +67,16 @@ const ManagementTable = () => {
 
   return (
     <YStack>
-      <XStack justifyContent="space-between">
+      <XStack space={'$3'} justifyContent="space-between" alignItems="center">
         <SearchManagement searchValue={searchValue} changeSearchValue={changeSearchValue} />
-        <Stack style={{ position: 'relative', display: 'inline-block' }}>
+        <Stack style={{ position: 'relative', display: 'flex', alignItems: 'center' }}>
           <SortIcon
             size={20}
             color="#647084"
             style={{
               border: '1px solid #DCE0E5',
               borderRadius: '10px',
-              padding: '6px',
+              padding: '8px',
               cursor: 'pointer',
             }}
           />
diff --git a/src/pages/ValidatorManagement/ManagementTable/SearchManagement.tsx b/src/pages/ValidatorManagement/ManagementTable/SearchManagement.tsx
index 869b97bf..30c92906 100644
--- a/src/pages/ValidatorManagement/ManagementTable/SearchManagement.tsx
+++ b/src/pages/ValidatorManagement/ManagementTable/SearchManagement.tsx
@@ -8,14 +8,16 @@ type SearchManagementProps = {
 
 const SearchManagement = ({ searchValue, changeSearchValue }: SearchManagementProps) => {
   return (
-    <Input
-      placeholder="Filter Validators"
-      value={searchValue}
-      onChangeText={changeSearchValue}
-      icon={<SearchIcon size={20} />}
-      onClear={() => changeSearchValue('')}
-      size={40}
-    />
+    <div style={{width: '100%'}} >
+      <Input
+        placeholder="Filter Validators"
+        value={searchValue}
+        onChangeText={changeSearchValue}
+        icon={<SearchIcon size={20} />}
+        onClear={() => changeSearchValue('')}
+        size={40}
+      />
+    </div>
   )
 }