From fe7f55ef6733a1b5d0c2c9cf48549a8422de2b83 Mon Sep 17 00:00:00 2001
From: Tom Russell <tomalrussell@gmail.com>
Date: Wed, 21 Nov 2018 22:20:08 +0000
Subject: [PATCH] InfoBox message on view maps sidebar

---
 app/src/frontend/legend.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/app/src/frontend/legend.js b/app/src/frontend/legend.js
index 658e2dcb..7991f4d8 100644
--- a/app/src/frontend/legend.js
+++ b/app/src/frontend/legend.js
@@ -6,6 +6,7 @@ import { EditIcon } from './icons';
 import './legend.css';
 
 import CONFIG from './fields-config.json';
+import InfoBox from './info-box';
 
 
 const LEGEND_CONFIG = {
@@ -86,7 +87,7 @@ const Legend = (props) => {
 
     return (
         <Sidebar title="View Maps">
-            <p className="data-intro">Click on the map to see more information about a building&hellip;</p>
+            <InfoBox msg="Click on the map to see more information about a building&hellip;" />
             {
                 CONFIG.map((data_group) => (
                     <LegendGroup {...data_group} maps={LEGEND_CONFIG[data_group.slug]}