From 00027130ea06231d23865dbb7172c2ed10e58c1e Mon Sep 17 00:00:00 2001
From: Ajit Singh <ajitsinghkaler0@gmail.com>
Date: Sun, 8 Mar 2020 16:36:37 +0530
Subject: [PATCH] fix(docs-infra): fix resources page tabs text which is not
 visible on small screens (#35935)

on small mobile screens the top tab bar contains text which was not visible on small screens changed text size, margin and padding so that the text could be contained in these screens (320px to 480px)

PR Close #35935
---
 aio/src/styles/2-modules/_resources.scss | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/aio/src/styles/2-modules/_resources.scss b/aio/src/styles/2-modules/_resources.scss
index 890f051e96..e698e699b0 100644
--- a/aio/src/styles/2-modules/_resources.scss
+++ b/aio/src/styles/2-modules/_resources.scss
@@ -11,6 +11,18 @@
 
 .resources-container {
   position: relative;
+  .group-buttons{
+    @media (max-width: 480px) {
+      .button, a.button.mat-button{
+        font-size:1.2rem;
+        padding:0;
+      }
+
+      a.filter-button{
+        margin: 0;
+      }
+    }
+  }
 }
 
 .grid-fixed:after, .grid-fixed:before {