[Added tooltips] [IPC constants]

src/components/MountItem/MountItem.css

@@ -1,4 +1,6 @@
 .MountItem {
+  padding: 0;
+  margin: 0;
   width: 100%;
 }
 

src/components/UI/Box/Box.js

@@ -3,7 +3,8 @@ import CSSModules from 'react-css-modules';
 import styles from './Box.css';
 
 export default CSSModules((props) => {
-  const styleList = ['Box'];
+  const styleList = [];
+  styleList.push('Box');
   if (props.dxDark) {
     styleList.push('Darker');
   }

src/components/UpgradeIcon/UpgradeIcon.css

@@ -1,4 +1,4 @@
-.UpgradeIcon {
+.Owner {
   display: block;
   margin-right: 2px;
   padding: 0;
@@ -7,5 +7,20 @@
   border: 0;
   box-sizing: border-box;
   cursor: pointer;
+}
+
+.Owner p {
+  margin: 0;
+  padding: 0;
+}
+
+.UpgradeIcon {
+  display: block;
+  margin: 0;
+  padding: 0;
+  border: 0;
+  width: 20px;
+  height: 20px;
+  box-sizing: border-box;
   opacity: 0.65;
-}
+ }

src/components/UpgradeIcon/UpgradeIcon.js

@@ -2,18 +2,34 @@ import React from 'react';
 import CSSModules from 'react-css-modules';
 import styles from './UpgradeIcon.css';
 import availableImage from '../../assets/images/release_available.png';
+import ReactTooltip from 'react-tooltip';
 
 export default CSSModules((props) => {
   let style;
+  let style2;
+  let placement = 'left';
+  let toolTipText = 'UI Upgrade Available';
   if (props.release) {
-    style = {float: 'right', marginRight: '5%', cursor: 'default'};
+    placement='bottom';
+    toolTipText = 'New Release Available';
+    style = {float: 'right', marginRight: '5%', width: '15px', height: '15px', cursor: 'default'};
+    style2 = {width: '15px', height: '15px'};
   }
 
-  return props.available ?
-    <img alt=''
-         onClick={props.clicked}
-         src={availableImage}
-         style={style}
-         styleName='UpgradeIcon'/> :
-    null;
+  return props
+    .available ?
+    (
+      <div style={style}
+           styleName='Owner'>
+        <p data-tip='' data-for={placement}>
+          <img alt=''
+               onClick={props.clicked}
+               src={availableImage}
+               style={style2}
+               styleName='UpgradeIcon'/>
+        </p>
+        <ReactTooltip id={placement} place={placement}>{toolTipText}</ReactTooltip>
+      </div>
+    )
+    : null;
 }, styles, {allowMultiple: true});