Use TabMenuItem for data loader button to be consistent with styling

modules/webgui/web/src/components/BottomBar/ToggleDataLoader.jsx

@@ -3,15 +3,17 @@ import PropTypes from 'prop-types';
 import { connect } from 'react-redux';
 import { toggleActivated } from '../../api/Actions/dataLoaderActions';
 
+import TabMenuItem from '../Sidebar/TabMenu/TabMenuItem';
+
 import styles from './ToggleDataLoader.scss';
 
 let ToggleDataLoader = (props) => {
   const { activated } = props;
 
   return (
-    <div className={`${styles.loader}`} onClick={() => props.toggleActivated(!activated)}>
-      { activated ? 'Hide data loader' : 'Show data loader'}
-    </div>
+    <TabMenuItem active={activated} onClick={() => props.toggleActivated(!activated)}>
+      <div className={`${styles.label}`}>DATA LOADER</div>
+    </TabMenuItem>
   );
 };
 

modules/webgui/web/src/components/Sidebar/Sidebar.jsx

@@ -1,8 +1,8 @@
 import React from 'react';
 
-import TabMenu from './TabMenu/TabMenu';
+import TabMenu from '../common/TabMenu/TabMenu';
 import SystemMenu from '../SystemMenu/SystemMenu';
-import TabMenuItem from './TabMenu/TabMenuItem';
+import TabMenuItem from '../common/TabMenu/TabMenuItem';
 import Icon from '../common/Icon/Icon';
 import SmallLabel from '../common/SmallLabel/SmallLabel';
 import ScenePane from './ScenePane';

modules/webgui/web/src/views/OnScreenGui.scss

@@ -9,7 +9,7 @@
   padding: 0;
   width: 100vw;
 
-  // Remove for production?
+  // Development in separate browser
   background-color: black;
 }