fix: double scroll in manage token list (#3020)

* fix double scroll * remove bottom padding
cowprotocol · Dec 21, 2021 · 43e1fe9 · 43e1fe9
1 parent e9a9dd9
commit 43e1fe9
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/src/components/SearchModal/Manage.tsx b/src/components/SearchModal/Manage.tsx
@@ -16,7 +16,8 @@ import { PaddedColumn, Separator } from './styleds'
 const Wrapper = styled.div`
   width: 100%;
   position: relative;
-  padding-bottom: 80px;
+  display: flex;
+  flex-flow: column;
 `
 
 const ToggleWrapper = styled(RowBetween)`

diff --git a/src/components/SearchModal/ManageLists.tsx b/src/components/SearchModal/ManageLists.tsx
@@ -31,7 +31,8 @@ import { CurrencyModalView } from './CurrencySearchModal'
 import { PaddedColumn, SearchInput, Separator, SeparatorDark } from './styleds'
 
 const Wrapper = styled(Column)`
-  height: 100%;
+  flex: 1;
+  overflow-y: hidden;
 `
 
 const UnpaddedLinkStyledButton = styled(LinkStyledButton)`
@@ -229,7 +230,7 @@ const ListContainer = styled.div`
   padding: 1rem;
   height: 100%;
   overflow: auto;
-  padding-bottom: 80px;
+  flex: 1;
 `
 
 export function ManageLists({