diff --git a/src/BrutalTheme.res b/src/BrutalTheme.res index 7bb4125da..ceb18a16e 100644 --- a/src/BrutalTheme.res +++ b/src/BrutalTheme.res @@ -138,6 +138,7 @@ let brutalRules = (theme: CardThemeType.themeClass) => "color": theme.colorBackgroundText, "transition": "height 1s ease", "borderColor": `#000000 !important`, + "padding": "20px", }, ".AccordionMore": { "backgroundColor": theme.colorBackground, diff --git a/src/CharcoalTheme.res b/src/CharcoalTheme.res index 8c8da2f64..6709840f7 100644 --- a/src/CharcoalTheme.res +++ b/src/CharcoalTheme.res @@ -137,6 +137,7 @@ let charcoalRules = theme => "backgroundColor": theme.colorBackground, "color": theme.colorTextSecondary, "transition": "height 1s ease", + "padding": "20px", }, ".AccordionMore": { "backgroundColor": theme.colorBackground, diff --git a/src/Components/Accordion.res b/src/Components/Accordion.res index b9f540c64..5d6250064 100644 --- a/src/Components/Accordion.res +++ b/src/Components/Accordion.res @@ -39,7 +39,6 @@ let make = ( style={ minHeight: "60px", width: "-webkit-fill-available", - padding: "20px", cursor: "pointer", marginBottom: layoutClass.spacedAccordionItems ? themeObj.spacingAccordionItem : "", border: `1px solid ${themeObj.borderColor}`, diff --git a/src/Components/AccordionContainer.res b/src/Components/AccordionContainer.res index 9f99ecb2e..56f4b2d3f 100644 --- a/src/Components/AccordionContainer.res +++ b/src/Components/AccordionContainer.res @@ -34,7 +34,6 @@ module Loader = { }, borderTopStyle: {i == 0 && !layoutClass.spacedAccordionItems ? "hidden" : "solid"}, width: "100%", - paddingLeft: "25px", marginBottom: layoutClass.spacedAccordionItems ? themeObj.spacingAccordionItem : "", cursor: "pointer", }> diff --git a/src/DefaultTheme.res b/src/DefaultTheme.res index 51e414300..738ed839e 100644 --- a/src/DefaultTheme.res +++ b/src/DefaultTheme.res @@ -147,6 +147,7 @@ let defaultRules = theme => "color": theme.colorTextSecondary, "transition": "height 1s ease", "boxShadow": "0px 1px 1px rgb(0 0 0 / 3%), 0px 3px 6px rgb(0 0 0 / 2%)", + "padding": "20px", }, ".AccordionMore": { "backgroundColor": theme.colorBackground, diff --git a/src/MidnightTheme.res b/src/MidnightTheme.res index eced1032a..49b194977 100644 --- a/src/MidnightTheme.res +++ b/src/MidnightTheme.res @@ -154,6 +154,7 @@ let midnightRules = theme => "transition": "height 1s ease", "color": "#e0e0e0", "boxShadow": "0px 2px 4px rgb(0 0 0 / 50%), 0px 1px 6px rgb(0 0 0 / 25%)", + "padding": "20px", }, ".AccordionItem:hover": { "color": theme.colorTextSecondary, diff --git a/src/SoftTheme.res b/src/SoftTheme.res index 41b28ae98..4177b13ba 100644 --- a/src/SoftTheme.res +++ b/src/SoftTheme.res @@ -136,6 +136,7 @@ let softRules = theme => "color": theme.colorTextSecondary, "transition": "background .15s ease, border .15s ease, box-shadow .15s ease", "boxShadow": `4px 4px 5px #353637, -4px -4px 5px #434445`, + "padding": "20px", }, ".AccordionItem--selected": { "color": theme.colorPrimary,