From 94f75cbf1322e98e2f5c4ac3dcf99152a2dc34ea Mon Sep 17 00:00:00 2001
From: Amanda Bullington <35536439+albullington@users.noreply.github.com>
Date: Thu, 11 Jan 2024 13:02:38 -0800
Subject: [PATCH] Fix DisplayTaxon styling for long, multiname taxon; closes
 #984 (#1023)

---
 src/components/ObsDetails/ObsDetailsHeader.js | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/ObsDetails/ObsDetailsHeader.js b/src/components/ObsDetails/ObsDetailsHeader.js
index 7f3c00080..e7821c1df 100644
--- a/src/components/ObsDetails/ObsDetailsHeader.js
+++ b/src/components/ObsDetails/ObsDetailsHeader.js
@@ -17,7 +17,7 @@ type Props = {
   isOnline: boolean,
 }
 
-const CommunityTaxon = ( {
+const ObsDetailsHeader = ( {
   observation,
   isOnline
 }: Props ): Node => {
@@ -55,16 +55,16 @@ const CommunityTaxon = ( {
         />
       </View>
       <View className="flex-row my-[11px] mx-3">
-        <View className="grow">
+        <View className="shrink">
           {showTaxon()}
         </View>
-        <View>
+        <View className="ml-auto">
           <ObsStatus layout="vertical" observation={observation} />
         </View>
       </View>
-      <ObservationLocation observation={observation} classNameMargin="ml-3 mb-2" />
+      <ObservationLocation observation={observation} classNameMargin="mx-3 mb-2" />
     </View>
   );
 };
 
-export default CommunityTaxon;
+export default ObsDetailsHeader;