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
This commit is contained in:
George Kalpakas 2021-07-07 18:37:25 +03:00 committed by Andrew Kushnir
parent 50b6aae029
commit 5356796250
1 changed files with 1 additions and 5 deletions

View File

@ -203,11 +203,7 @@ mat-toolbar.app-toolbar {
.toolbar-external-icons-container { .toolbar-external-icons-container {
a { a {
@media screen and (max-width: 480px) { @media screen and (max-width: 480px) {
margin: 0; margin: 0 -8px 0 0;
&:not(:first-child) {
margin-left: -8px;
}
} }
@media screen and (max-width: 420px) { @media screen and (max-width: 420px) {