From fc4e70ea8d3d6a33abf6129f61c9500500bce411 Mon Sep 17 00:00:00 2001 From: Kyrylo Shmidt Date: Thu, 22 Aug 2024 16:02:38 +0200 Subject: [PATCH] Update styles --- .../InsightsPage/insightCards/common/InsightCard/styles.ts | 4 ++-- src/components/common/v3/Card/styles.ts | 6 ++++-- src/components/common/v3/NewButton/styles.ts | 2 +- 3 files changed, 7 insertions(+), 5 deletions(-) diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/styles.ts b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/styles.ts index 014f06953..1bd1c0479 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/styles.ts +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/styles.ts @@ -61,9 +61,9 @@ export const StyledCard = styled(Card)` export const DismissDialog = styled.div` display: flex; justify-content: space-between; - padding: 8px; + padding: 7px; align-items: center; - margin: -8px; + margin: -7px; background: ${({ theme }) => theme.colors.v3.surface.sidePanelHeader}; ${subscriptRegularTypography} diff --git a/src/components/common/v3/Card/styles.ts b/src/components/common/v3/Card/styles.ts index 2c99f9d34..4b076fce2 100644 --- a/src/components/common/v3/Card/styles.ts +++ b/src/components/common/v3/Card/styles.ts @@ -9,11 +9,13 @@ export const Container = styled.div` `; const Section = styled.div` - padding: 8px; + padding: 7px; height: 100%; `; -export const Content = Section; +export const Content = styled(Section)` + padding: 8px 7px; +`; export const Header = styled(Section)` border-bottom: 1px solid ${({ theme }) => theme.colors.v3.stroke.primary}; diff --git a/src/components/common/v3/NewButton/styles.ts b/src/components/common/v3/NewButton/styles.ts index 1903f0cb6..9956fbd9e 100644 --- a/src/components/common/v3/NewButton/styles.ts +++ b/src/components/common/v3/NewButton/styles.ts @@ -118,7 +118,7 @@ export const PrimaryBorderlessButton = styled(BaseButton)` `; export const SecondaryBorderlessButton = styled(BaseButton)` - padding: 6px 0; + padding: 5px 0; color: ${({ theme }) => theme.colors.v3.icon.tertiary}; border: 1px solid transparent; background: none;