From e63ebf9147b49ca3d9bb5bebee7c3e1ebd785084 Mon Sep 17 00:00:00 2001
From: Johannes Klein <johannes.t.klein@gmail.com>
Date: Wed, 27 Mar 2024 20:27:58 +0100
Subject: [PATCH] 1301 suggestions spacing (#1316)

* Make confidence indicator not absolute

Closes #1301

* Use flex for explore header taxon

Closes #1297
---
 src/components/Explore/Header/Header.js        | 2 +-
 src/components/SharedComponents/TaxonResult.js | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Explore/Header/Header.js b/src/components/Explore/Header/Header.js
index 7bd677cb2..47a7f4895 100644
--- a/src/components/Explore/Header/Header.js
+++ b/src/components/Explore/Header/Header.js
@@ -57,7 +57,7 @@ const Header = ( {
     <View className="z-10">
       <Surface style={surfaceStyle} elevation={5}>
         <View className="bg-white px-6 py-4 flex-row justify-between items-center">
-          <View className="flex-row">
+          <View className="flex-1 flex-row">
             {!hideBackButton
               ? (
                 <BackButton
diff --git a/src/components/SharedComponents/TaxonResult.js b/src/components/SharedComponents/TaxonResult.js
index 2fb83e5d6..32a180318 100644
--- a/src/components/SharedComponents/TaxonResult.js
+++ b/src/components/SharedComponents/TaxonResult.js
@@ -121,7 +121,7 @@ const TaxonResult = ( {
             color={clearBackground && "text-white"}
           />
           {( confidence && confidencePosition === "text" ) && (
-            <View className="absolute -bottom-3 w-[62px]">
+            <View className="mt-1 w-[62px]">
               <ConfidenceInterval
                 confidence={confidence}
                 activeColor={activeColor}