From 0c82bfc06e1c9358b3d7cd06c5cf642beb4489e3 Mon Sep 17 00:00:00 2001
From: Dennis Falling <dennis@culpeos.com>
Date: Mon, 27 Jul 2026 14:12:35 +0100
Subject: [PATCH] Remove duplicate element name from detail screen

The element's name already appears in the header, so repeating it as a
large hero title directly below added no information. Drop it and let
the hero row show just the icon, address, and completed tag.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
---
 src/map/ElementDetailScreen.tsx | 9 +--------
 1 file changed, 1 insertion(+), 8 deletions(-)

diff --git a/src/map/ElementDetailScreen.tsx b/src/map/ElementDetailScreen.tsx
index 4fe173b..debd4c1 100644
--- a/src/map/ElementDetailScreen.tsx
+++ b/src/map/ElementDetailScreen.tsx
@@ -104,7 +104,6 @@ function ModalContents({
               ) : null}
             </View>
             <View style={styles.heroBody}>
-              <Text style={styles.title}>{element.name}</Text>
               {element.location?.address ? (
                 <Text style={styles.subtitle}>{element.location.address}</Text>
               ) : null}
@@ -286,16 +285,11 @@ const makeStyles = (theme: Theme) =>
     },
     heroBody: {
       flex: 1,
-    },
-    title: {
-      fontSize: 22,
-      fontWeight: '700',
-      color: theme.textPrimary,
+      gap: 6,
     },
     subtitle: {
       fontSize: 13,
       color: theme.textSecondary,
-      marginTop: 4,
     },
     completedTag: {
       alignSelf: 'flex-start',
@@ -303,7 +297,6 @@ const makeStyles = (theme: Theme) =>
       paddingHorizontal: 8,
       paddingVertical: 3,
       borderRadius: 10,
-      marginTop: 8,
     },
     completedTagText: {
       color: theme.success,