Account tooltip position updated

Fix for issue #238

client/styles.scss

@@ -790,7 +790,13 @@ body {
       margin: 0;
     }
   }
-
+
+  .validator-tooltip{
+      .tooltip{
+        left:17% !important;
+          }
+    }
+
   .tooltip .tooltip-arrow {
     position: absolute;
     display: block;

imports/api/accounts/server/methods.js

@@ -83,8 +83,7 @@ Meteor.methods({
             let rewards = HTTP.get(url);
             if (rewards.statusCode == 200){
                 balance.rewards = JSON.parse(rewards.content).result.total;
-                console.log("I AM CALLIJG YOU JE");
-            }
+                        }
         }
         catch (e){
             console.log(e);

imports/ui/accounts/Delegations.jsx

@@ -26,7 +26,7 @@ export default class AccountDelegations extends Component{
                     </Row>
                     {this.props.delegations.sort((b, a) => (a.balance - b.balance)).map((d, i) => {
                         return <Row key={i} className="delegation-info">
-                            <Col xs={6} md={4} className="text-nowrap overflow-auto"><AccountTooltip address={d.validator_address} /></Col>
+                            <Col xs={6} md={4} className="delegation-row text-nowrap overflow-auto"><AccountTooltip address={d.validator_address} /></Col>
                             <Col xs={3} md={4}>{numbro(d.shares).format("0,0")}</Col>
                             <Col xs={3} md={4}>{new Coin(d.balance).stakeString()}</Col>
                         </Row>

imports/ui/components/AccountTooltip.jsx

@@ -49,7 +49,7 @@ export default class AccountTooltip extends Account{
         let moniker = validator.description && validator.description.moniker || validator.address;
         let isActive = validator.status == 2 && !validator.jailed;
 
-        return <UncontrolledTooltip key='tooltip' className='validator-tooltip' placement='right' flip={false} target={this.ref} autohide={false} fade={false}>
+        return <UncontrolledTooltip key='tooltip' data-toggle='tooltip' container='body' className='validator-tooltip' placement='right' flip={false} target={this.ref} autohide={false} fade={false} delay={{show: 100, hide: 200}}>
             <Card body className='validator-tooltip-card'>
                 <Row className='d-flex justify-content-center'>
                     <h4 className="moniker text-primary">{moniker}</h4>

package.json

@@ -9,7 +9,7 @@
     "pretest": "npm run lint --silent"
   },
   "dependencies": {
-    "@babel/runtime": "^7.7.6",
+    "@babel/runtime": "^7.7.7",
     "@ledgerhq/hw-transport-webusb": "^4.78.0",
     "@lunie/cosmos-js": "0.0.22",
     "@types/meteor-universe-i18n": "^1.14.2",
@@ -25,6 +25,7 @@
     "jquery": "^3.4.1",
     "js-sha256": "^0.9.0",
     "ledger-cosmos-js": "^2.1.7",
+    "lodash": "^4.17.15",
     "meteor-node-stubs": "^0.4.1",
     "moment": "^2.24.0",
     "moment-timezone": "^0.5.27",