Merge pull request #214 from mobeigi/fix-styling-in-person-showcase

Fix icon SVG colors and alignment on mobile
mobeigi · Oct 30, 2024 · f5f620a · f5f620a
2 parents 9198904 + 4e9b784
commit f5f620a
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/app/src/components/PersonShowcase/PersonShowcase.tsx b/app/src/components/PersonShowcase/PersonShowcase.tsx
@@ -1,4 +1,3 @@
-import { IconWrapper } from '@/styles/icon';
 import {
   HeaderRows,
   Headshot,
@@ -8,6 +7,7 @@ import {
   InfoArea,
   StyledHeading,
   Tagline,
+  CustomIconWrapper as IconWrapper,
 } from './styled';
 import MapPinSvg from '@/assets/icons/boxicons/bx-map-pin.svg';
 import LanguageOutlineSvg from '@/assets/icons/misc/language-outline.svg';

diff --git a/app/src/components/PersonShowcase/styled.ts b/app/src/components/PersonShowcase/styled.ts
@@ -57,7 +57,10 @@ export const InfoArea = styled.span`
   color: var(--theme-text-subtle);
 `;
 
-export const Info = styled.span``;
+export const Info = styled.span`
+  display: flex;
+  align-items: center;
+`;
 
 export const CustomIconWrapper = styled(IconWrapper)`
   svg {