From 7ad385fe3a270d590d4060b6edce16a34f95bd79 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wojtek=20Ba=C5=BCant?= <wojciech.bazant+ebi@gmail.com>
Date: Tue, 1 Oct 2024 10:28:18 +0100
Subject: [PATCH] Align SVG icons vertically and prevent shrinking (#458)

---
 src/components/entry/EntryOverview.js | 1 -
 src/components/ui/IconBesideText.js   | 5 +++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/entry/EntryOverview.js b/src/components/entry/EntryOverview.js
index 60d10e39..888b6b3b 100644
--- 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
index ee5afdb4..0101484b 100644
--- 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 &&
     `