fix: allow view toggle to work on mobile

A div was overflowing on the mobile layout and covering the toggle. This hides that overflow on a screen size less than 1180px.
newrelic · Sep 16, 2021 · fc081f0 · fc081f0
1 parent 4dca1b3
commit fc081f0
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/src/pages/instant-observability.js b/src/pages/instant-observability.js
@@ -218,6 +218,7 @@ const QuickstartsPage = ({ data, location }) => {
             @media screen and (max-width: 760px) {
               display: block;
               position: relative;
+              overflow: hidden;
               width: 100%;
               height: 100%;
             }
@@ -410,6 +411,10 @@ const QuickstartsPage = ({ data, location }) => {
               css={css`
                 min-width: 155px;
                 margin-left: 20px;
+
+                @media screen and (max-width: 1180px) {
+                  margin-left: 0px;
+                }
               `}
             >
               <SegmentedControl