From 5356796250707bc6c67efcac621f6da2276e6fd5 Mon Sep 17 00:00:00 2001 From: George Kalpakas Date: Wed, 7 Jul 2021 18:37:25 +0300 Subject: [PATCH] fix(docs-infra): fix margin of social icon on small screens (#42790) This commit fixes the margin of the social icons on small screens. This mainly affects screens between 420px and 480px, where only one social icon is show (due to limited space) but not necessarily the first one (in DOM order). **Before:** ![social icon before][1] **After:** ![social icon after][2] [1]: https://user-images.githubusercontent.com/8604205/124788616-2f5f0200-df52-11eb-9ec2-9e46b90cd286.png [2]: https://user-images.githubusercontent.com/8604205/124788623-2ff79880-df52-11eb-90ec-31b04973de68.png PR Close #42790 --- aio/src/styles/1-layouts/top-menu/_top-menu.scss | 6 +----- 1 file changed, 1 insertion(+), 5 deletions(-) diff --git a/aio/src/styles/1-layouts/top-menu/_top-menu.scss b/aio/src/styles/1-layouts/top-menu/_top-menu.scss index 45c1a6f6c2..146a8fa0b7 100644 --- a/aio/src/styles/1-layouts/top-menu/_top-menu.scss +++ b/aio/src/styles/1-layouts/top-menu/_top-menu.scss @@ -203,11 +203,7 @@ mat-toolbar.app-toolbar { .toolbar-external-icons-container { a { @media screen and (max-width: 480px) { - margin: 0; - - &:not(:first-child) { - margin-left: -8px; - } + margin: 0 -8px 0 0; } @media screen and (max-width: 420px) {