[Opportunities] fix overlapping borders (#1091)
* [Opportunities] fix overlapping borders * remove margin on SortAndFilterBar * add margin-right to StyledBoard
This commit is contained in:
@ -57,6 +57,7 @@ export function BoardHeader<SortField>({
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<TopBar
|
<TopBar
|
||||||
|
displayBottomBorder={false}
|
||||||
leftComponent={
|
leftComponent={
|
||||||
<>
|
<>
|
||||||
<StyledIcon>{viewIcon}</StyledIcon>
|
<StyledIcon>{viewIcon}</StyledIcon>
|
||||||
|
|||||||
@ -1,9 +1,10 @@
|
|||||||
import styled from '@emotion/styled';
|
import styled from '@emotion/styled';
|
||||||
|
|
||||||
export const StyledBoard = styled.div`
|
export const StyledBoard = styled.div`
|
||||||
border-radius: ${({ theme }) => theme.spacing(2)};
|
border-top: 1px solid ${({ theme }) => theme.border.color.light};
|
||||||
display: flex;
|
display: flex;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
padding-left: ${({ theme }) => theme.spacing(2)};
|
margin-left: ${({ theme }) => theme.spacing(2)};
|
||||||
|
margin-right: ${({ theme }) => theme.spacing(2)};
|
||||||
`;
|
`;
|
||||||
|
|||||||
Reference in New Issue
Block a user