Tune search bar style

oasisprotocol · May 11, 2024 · 662061b · 662061b
1 parent b07fb12
commit 662061b
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/src/app/components/Search/TableSearchBar.tsx b/src/app/components/Search/TableSearchBar.tsx
@@ -87,14 +87,15 @@ export const TableSearchBar: FC<TableSearchBarProps> = ({ value, onChange, place
         backgroundColor: COLORS.white,
         border: '1px solid',
         borderColor: COLORS.inactiveStroke, // brandMedium,
-        mr: helperText ? 0 : 3,
+        marginRight: helperText ? '17px' : '25px',
         '&:focus-within': {
           boxShadow: '3px 3px 3px 3px rgb(0, 0, 98, 0.25) !important',
         },
         ...(helperText
           ? {
               pl: 3,
               pr: 3,
+              marginBottom: '-50px',
             }
           : {}),
       }}

diff --git a/src/app/pages/ProposalDetailsPage/ProposalVotesCard.tsx b/src/app/pages/ProposalDetailsPage/ProposalVotesCard.tsx
@@ -115,7 +115,11 @@ export const ProposalVotesCard: FC = () => {
     <SubPageCard>
       <CardHeaderWithResponsiveActions
         action={
-          <Box sx={{ display: 'flex-inline' }}>
+          <Box
+            sx={{
+              display: 'flex',
+            }}
+          >
             <TableSearchBar
               value={wantedNameInput}
               onChange={setWantedNameInput}