From 3512ecfaedc95fb98318558f8c6e811a89ef0314 Mon Sep 17 00:00:00 2001
From: Tom Russell <tomalrussell@gmail.com>
Date: Thu, 25 Oct 2018 10:47:19 +0100
Subject: [PATCH] Add title attributes to section headers

[See #91]
---
 app/src/frontend/building-view.js | 3 ++-
 app/src/frontend/legend.js        | 5 +++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/app/src/frontend/building-view.js b/app/src/frontend/building-view.js
index 4f5c4157..672fb401 100644
--- a/app/src/frontend/building-view.js
+++ b/app/src/frontend/building-view.js
@@ -54,6 +54,8 @@ const DataSection = (props) => {
             <header className={(match? "active " : "") + "bullet-prefix section-header"}>
                 <NavLink
                     to={`/building/${props.building_id}.html` + ((match)? '': `?cat=${props.slug}`)}
+                    title={(props.inactive)? 'Coming soon… Click the ? for more info.' :
+                        (match)? 'Hide details' : 'Show details'}
                     isActive={() => match}>
                     <h3 className="h3">{props.title}</h3>
                 </NavLink>
@@ -75,7 +77,6 @@ const DataSection = (props) => {
                 }
                 </nav>
             </header>
-            { (match && props.intro)? <p className="data-intro">{ props.intro }</p> : null }
             { match? <dl className="data-list">{props.children}</dl> : null }
             {
                 (match && !props.inactive)?
diff --git a/app/src/frontend/legend.js b/app/src/frontend/legend.js
index f182c0ba..23264ac4 100644
--- a/app/src/frontend/legend.js
+++ b/app/src/frontend/legend.js
@@ -90,7 +90,9 @@ const LegendGroup = (props) => {
             <header className="bullet-prefix section-header">
                 <NavLink
                     to={`/map/${props.slug}.html`}
-                    isActive={() => match}>
+                    isActive={() => match}
+                    title={(inactive)? 'Coming soon… Click the ? for more info.' :
+                        (match)? '' : 'Show on map'}>
                     <h3 className="h3">{props.title}</h3>
                 </NavLink>
                 {
@@ -103,7 +105,6 @@ const LegendGroup = (props) => {
                     : null
                 }
             </header>
-            { (match && props.intro)? <p className="data-intro">{ props.intro }</p> : null }
             <dl className="data-list">
             {
                 (match && props.maps)?