fix small ui issues

src/components/CanvasItem.jsx

@@ -83,7 +83,8 @@ const CanvasItem = ({ canvasId, canvas, changeCanvas }) => (
       <span style={infoStyle}>
         {(canvas.req !== -1) ? <span>User Account </span> : null}
         {(canvas.req > 0) ? <span> and {canvas.req} Pixels set</span> : null}
-      </span><br />
+      </span>
+      {(canvas.req !== -1) ? <br /> : null}
       Dimensions:
       <span style={infoStyle}> {canvas.size} x {canvas.size}
         {(canvas.v)

src/components/Menu.jsx

@@ -1,5 +1,7 @@
 /*
  * Menu with Buttons on the top left
+ *
+ * @flow
  */
 
 import React from 'react';
@@ -21,7 +23,8 @@ const Menu = ({
     {(menuOpen) ? <DownloadButton /> : null}
     {(menuOpen) ? <MinecraftButton /> : null}
     {(menuOpen) ? <HelpButton /> : null}
-    {(minecraftname && !messages.includes('not_mc_verified') && canvasId == 0) ? <MinecraftTPButton /> : null}
+    {(minecraftname && !messages.includes('not_mc_verified') && canvasId === 0)
+      ? <MinecraftTPButton /> : null}
   </div>
 );
 

src/components/UI.jsx

@@ -15,7 +15,7 @@ import Palette from './Palette';
 import HistorySelect from './HistorySelect';
 
 
-const UI = ({ isHistoricalView }) => {
+const UI = ({ isHistoricalView, is3D }) => {
   if (isHistoricalView) {
     return <HistorySelect />;
   }
@@ -23,7 +23,7 @@ const UI = ({ isHistoricalView }) => {
     <div>
       <PalselButton />
       <Palette />
-      <GlobeButton />
+      {(is3D) ? null : <GlobeButton />}
       <CoolDownBox />
       <NotifyBox />
     </div>
@@ -33,9 +33,11 @@ const UI = ({ isHistoricalView }) => {
 function mapStateToProps(state: State) {
   const {
     isHistoricalView,
+    is3D,
   } = state.canvas;
   return {
     isHistoricalView,
+    is3D,
   };
 }