Use info icon instead of question mark

Author: b-gran

package-lock.json

@@ -11,7 +11,7 @@ import TablePagination from '@material-ui/core/TablePagination';
 import TableRow from '@material-ui/core/TableRow';
 
 import Checkbox from '@material-ui/core/Checkbox';
-import HelpOutline from '@material-ui/icons/HelpOutline'
+import InfoOutlined from '@material-ui/icons/InfoOutlined'
 
 import { Div } from 'glamorous'
 
@@ -75,7 +75,7 @@ class ColumnTitle extends React.Component {
         <SchemaPopover schema={this.props.schema}>
           <Div display="inline-flex" cursor="default">
             <Div marginRight="5px">{this.props.children}</Div>
-            <HelpOutline style={infoOutlineFontSize}/>
+            <InfoOutlined style={infoOutlineFontSize}/>
           </Div>
         </SchemaPopover>
       </TableCell>

src/BaseTable.js

@@ -18,7 +18,7 @@ import Select from '@material-ui/core/Select'
 import Add from '@material-ui/icons/Add'
 import Delete from '@material-ui/icons/Delete'
 import Edit from '@material-ui/icons/Edit'
-import HelpOutline from '@material-ui/icons/HelpOutline'
+import InfoOutlined from '@material-ui/icons/InfoOutlined'
 import IconButton from '@material-ui/core/IconButton';
 
 import BaseTable, { BASE_EDITOR_PROPTYPES } from './BaseTable'
@@ -205,7 +205,7 @@ const BasicToolbar = props => {
     <SchemaPopover schema={props.schema}>
       <Div display="inline-flex" alignItems="center" cursor="default">
         <Div marginRight="5px"><Typography variant="title">{ props.title }</Typography></Div>
-        <HelpOutline style={{ fontSize: '1em' }}/>
+        <InfoOutlined style={{ fontSize: '1em' }}/>
       </Div>
     </SchemaPopover>
   </Toolbar>