From bdf241308386f00ba17f55334c783a051230ca69 Mon Sep 17 00:00:00 2001 From: Shanmughapriyan S Date: Fri, 16 Dec 2022 21:06:35 +0530 Subject: [PATCH 1/2] fix: socials layout with nowrap --- src/assets/scss/components/language-switcher.scss | 4 ++-- src/assets/scss/components/social-icons.scss | 12 ++---------- 2 files changed, 4 insertions(+), 12 deletions(-) diff --git a/src/assets/scss/components/language-switcher.scss b/src/assets/scss/components/language-switcher.scss index a9d7dca63..2454030e0 100644 --- a/src/assets/scss/components/language-switcher.scss +++ b/src/assets/scss/components/language-switcher.scss @@ -13,8 +13,8 @@ } .switcher--language .switcher__select { - min-width: 15rem; - flex: 1 0 15rem; + min-width: 14rem; + flex: 0 1 14rem; } .language-switcher { diff --git a/src/assets/scss/components/social-icons.scss b/src/assets/scss/components/social-icons.scss index d1216ddcd..59e43d687 100644 --- a/src/assets/scss/components/social-icons.scss +++ b/src/assets/scss/components/social-icons.scss @@ -1,16 +1,9 @@ .eslint-social-icons { - - @media all and (max-width: 1023px) { - margin-bottom: -1rem; - margin-block-end: -1rem; - } - ul { margin: 0; padding: 0; - margin-left: -1rem; - margin-inline-start: -1rem; - display: inline-flex; + display: flex; + gap: 1.5rem; li { margin: 0; @@ -19,7 +12,6 @@ a { display: flex; - padding: 1rem; } } } From 288b8fdabe4d90f9c31b38c5b9588d316653c33d Mon Sep 17 00:00:00 2001 From: Shanmughapriyan S Date: Fri, 16 Dec 2022 21:13:00 +0530 Subject: [PATCH 2/2] chore: revert lang switcher width --- src/assets/scss/components/language-switcher.scss | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/assets/scss/components/language-switcher.scss b/src/assets/scss/components/language-switcher.scss index 2454030e0..d7e99eadf 100644 --- a/src/assets/scss/components/language-switcher.scss +++ b/src/assets/scss/components/language-switcher.scss @@ -13,8 +13,8 @@ } .switcher--language .switcher__select { - min-width: 14rem; - flex: 0 1 14rem; + min-width: 15rem; + flex: 0 1 15rem; } .language-switcher {