diff --git a/src/components/CommonKit/Card/StyledEcogestureCard.tsx b/src/components/CommonKit/Card/StyledEcogestureCard.tsx index 4fd51eb55373b98b04422d45da5ef40226304d9d..f6b3ac02cd6b3a6de7f6c450b4d170a732dbd4f3 100644 --- a/src/components/CommonKit/Card/StyledEcogestureCard.tsx +++ b/src/components/CommonKit/Card/StyledEcogestureCard.tsx @@ -9,7 +9,6 @@ const CardBase = withStyles({ root: { background: 'var(--grey-1)', boxSizing: 'border-box', - boxShadow: '0px 4px 16px black', borderRadius: '4px', padding: '0.5rem 1rem', minHeight: '72px', diff --git a/src/components/Ecogesture/EcogestureList/ecogestureList.scss b/src/components/Ecogesture/EcogestureList/ecogestureList.scss index 06b4b1edfbb7534bb054dec76be39e44fae51b7b..31285c9d049eec590b01dca6448e2d2064ffb0e0 100644 --- a/src/components/Ecogesture/EcogestureList/ecogestureList.scss +++ b/src/components/Ecogesture/EcogestureList/ecogestureList.scss @@ -11,7 +11,7 @@ padding: 1rem 1.5rem 2.5rem 1.5rem; gap: 1rem; .efficiency-button-content { - max-width: 52rem; + max-width: 53rem; width: 100%; display: flex; flex-direction: column; @@ -66,9 +66,8 @@ height: 8rem; animation: appear 600ms ease; display: flex; - flex: 1; - flex-basis: 45%; - max-width: 48%; + flex: 1 0 calc(50% - 2 * 5px); // two elements per row + max-width: calc(50% - 5px); } .ecogesture-list-item > button { height: 100%; diff --git a/src/components/Ecogesture/ecogestureTabsView.scss b/src/components/Ecogesture/ecogestureTabsView.scss index 707f6015086ad55dcfc4b3882a49b127acb3c0a8..d2b09dcaef9289e4f3b1b5a819c164bdc2e07be9 100644 --- a/src/components/Ecogesture/ecogestureTabsView.scss +++ b/src/components/Ecogesture/ecogestureTabsView.scss @@ -16,6 +16,9 @@ padding-top: 16px; display: flex; justify-content: center; + width: 100%; + max-width: 53rem; + margin-inline: auto; button { height: auto; }