From 2d16b4711e41dac60352c57ffc50ae9f7d846850 Mon Sep 17 00:00:00 2001 From: ajitsinghkaler Date: Sun, 12 Apr 2020 17:28:28 +0530 Subject: [PATCH] fix(docs-infra): fix About page button text being truncated on small screens (#36576) On small screens (e.g. on mobile), the text on some of the buttons in the About page was truncated. Changed the text size, margin and padding so that the the whole text is visible on such screens (320px to 480px). PR Close #36576 --- aio/src/styles/2-modules/_contributor.scss | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/aio/src/styles/2-modules/_contributor.scss b/aio/src/styles/2-modules/_contributor.scss index 4cd9fad6b3..5df3383e18 100644 --- a/aio/src/styles/2-modules/_contributor.scss +++ b/aio/src/styles/2-modules/_contributor.scss @@ -19,6 +19,14 @@ aio-contributor-list { .group-buttons { margin: 32px auto; + @media (max-width: 480px) { + .filter-button.button { + font-size: 1.2rem; + padding: 0; + margin: 0; + } + } + a { &.selected { background-color: $blue;