Add "click map" hint; tweak labels

app/src/frontend/fields-config.json

@@ -2,6 +2,7 @@
     {
         "title": "Location", "slug": "location",
         "help": "https://pages.colouring.london/location",
+        "intro": "Where is it?",
         "fields": [
             {
                 "title": "Building Name", "slug": "location_name", "type": "text",
@@ -72,9 +73,9 @@
         ]
     },
     {
-        "inactive": true,
+        "title": "Size & Shape", "slug": "size",
-        "title": "Size & Shape", "slug": "form",
+        "intro": "How big is it?",
-        "help": "https://pages.colouring.london/form",
+        "help": "https://pages.colouring.london/shape",
         "fields": [
             {
                 "title": "Core storeys", "slug": "size_storeys_core", "type": "number", "step": 1,

app/src/frontend/legend.js

@@ -53,10 +53,10 @@ const LEGEND_CONFIG = {
     ],
     like: [
         {
-            title: 'Like Me!',
+            title: 'Which buildings do you like?',
             slug: 'like',
             elements: [
-                { color: '#f65400', text: 'Liked' },
+                { color: '#f65400', text: 'We like these buildings 👍 🎉 +1' },
             ]
         }
     ]
@@ -71,12 +71,13 @@ const Legend = (props) => {
 
     return (
         <Sidebar title="Maps">
-        {
+            <p className="data-intro">Click on the map to see more information about a building&hellip;</p>
-            CONFIG.map((data_group) => (
+            {
-                <LegendGroup {...data_group} maps={LEGEND_CONFIG[data_group.slug]}
+                CONFIG.map((data_group) => (
-                    data_layer={data_layer} key={data_group.slug} />
+                    <LegendGroup {...data_group} maps={LEGEND_CONFIG[data_group.slug]}
-            ))
+                        data_layer={data_layer} key={data_group.slug} />
-        }
+                ))
+            }
         </Sidebar>
     );
 }