fix: responsive styling for info buttons (#5652)

Responsive styling for info buttons

Reduces margins and font size in mobile view
Adds some margin to the side of the external-link arrow

Co-authored-by: Vignesh Mohankumar <vignesh@vigneshmohankumar.com>
This commit is contained in:
pp-hh-ii-ll 2022-12-12 14:59:23 -05:00 committed by GitHub
parent 7738a6b9e0
commit 933d02b275
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

@ -113,6 +113,7 @@ const ActionsContainer = styled.span`
@media screen and (min-width: ${BREAKPOINTS.md}px) { @media screen and (min-width: ${BREAKPOINTS.md}px) {
flex-direction: column; flex-direction: column;
gap: 24px;
} }
@media screen and (min-width: ${BREAKPOINTS.lg}px) { @media screen and (min-width: ${BREAKPOINTS.lg}px) {