cleaning up CSS around List and List Items and spans

This commit is contained in:
Rupin Khandelwal 2022-09-15 11:17:04 -06:00
parent 0d2f8fd043
commit fcca0e508b

View file

@ -27,16 +27,9 @@ const List = styled('ul', {
const Item = styled('li', {
listStyleType: 'none',
p: '8px',
m: '8px',
borderRadius: '5px',
display: 'flex',
justifyContent: 'flex-start',
width: '95%',
overflow: 'auto',
alignItems: 'center',
'& svg': {
marginRight: '10px',
},
width: '100%',
})
export type LibrarySearchBarProps = {
@ -187,8 +180,8 @@ export function LibrarySearchBar(props: LibrarySearchBarProps): JSX.Element {
{...getMenuProps()}
key={item}
css={{
paddingLeft: '15px',
display: 'flex',
justifyContent: 'space-between',
alignItems: 'center',
borderBottom: '1px solid $grayBorder',
'& svg': {