Align SVG icons vertically and prevent shrinking (#458)

falling-fruit · Oct 1, 2024 · 7ad385f · 7ad385f
1 parent 87428c7
commit 7ad385f
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/src/components/entry/EntryOverview.js b/src/components/entry/EntryOverview.js
@@ -33,7 +33,6 @@ const hasSeasonality = (locationData) =>
   )
 // Wraps description, last updated text, and review and report buttons
 const Description = styled.section`
-  white-space: pre-line;
   word-break: normal;
   overflow-wrap: anywhere;
   color: ${({ theme }) => theme.secondaryText};

diff --git a/src/components/ui/IconBesideText.js b/src/components/ui/IconBesideText.js
@@ -15,6 +15,11 @@ export default styled.div`
     margin: 0 0 0 4px;
   }
 
+  svg {
+    flex-shrink: 0;
+    align-self: center;
+  }
+
   ${($props) =>
     $props.onClick &&
     `