diff --git a/packages/core/src/App/Components/Layout/Header/toggle-menu-drawer.jsx b/packages/core/src/App/Components/Layout/Header/toggle-menu-drawer.jsx index dc24cfd5cdf3..1076fa56a90d 100644 --- a/packages/core/src/App/Components/Layout/Header/toggle-menu-drawer.jsx +++ b/packages/core/src/App/Components/Layout/Header/toggle-menu-drawer.jsx @@ -390,9 +390,12 @@ const ToggleMenuDrawer = observer(({ platform_config }) => { submenu_toggle_class='dc-mobile-drawer__submenu-toggle--hidden' >
{Object.keys(getAllowedLanguages()).map(lang => ( { return (
-
+
{Object.keys(getAllowedLanguages()).map(lang => isCurrentLanguage(lang, current_language) ? ( diff --git a/packages/core/src/sass/app/_common/components/settings-language.scss b/packages/core/src/sass/app/_common/components/settings-language.scss index 7abd4427c784..ebd6c519b3b2 100644 --- a/packages/core/src/sass/app/_common/components/settings-language.scss +++ b/packages/core/src/sass/app/_common/components/settings-language.scss @@ -9,11 +9,18 @@ display: grid; grid-template-columns: repeat(4, minmax(90px, 1fr)); grid-gap: 1.6rem; - + &--has-padding { + padding: 1.6rem; + } @include mobile { grid-template-columns: repeat(2, minmax(50%, 1fr)); grid-gap: 0.3rem; grid-template-rows: auto; + width: 100%; + &--has-padding { + padding: 0 1.6rem; + grid-gap: 0; + } @include mobile { &--disabled {