Fix more-info links

app/src/frontend/building-view.js

@@ -70,8 +70,7 @@ const DataSection = (props) => {
                 {
                     props.help?
                     <a className="icon-button help" title="Find out more" href={props.help}>
-                        Help
-                        <HelpIcon />
+                        More info
                     </a>
                     : null
                 }

app/src/frontend/legend.js

@@ -2,6 +2,7 @@ import React, { Fragment } from 'react';
 import { NavLink } from 'react-router-dom';
 
 import Sidebar from './sidebar';
+import { EditIcon } from './icons';
 import './legend.css';
 
 import CONFIG from './fields-config.json';

app/src/frontend/sidebar.css

@@ -179,7 +179,11 @@
 .icon-button.edit:hover svg {
     color: rgb(11, 225, 225);
 }
-.icon-button.help:hover svg {
+.icon-button.help,
+.section-header .icon-button.help {
+    margin-top: 2px;
+}
+.icon-button.help:hover {
     color: rgb(0, 81, 255)
 }
 .icon-button.tooltip-hint.active svg,