Merge pull request #183 from TrustyFund/feature/various-fixes

feature/various fixes

client/components/App.vue

@@ -88,5 +88,8 @@ export default {
   &.notie-background-warning {
     background-color: rgba(130, 106, 29, 0.95);
   }
+  &.notie-background-info {
+    background-color: rgba(28, 57, 130, 0.95);
+  }
 }
 </style>

client/components/ManagePortfolio/ManagePortfolioManager.vue

@@ -183,7 +183,7 @@ export default {
 
       this.percents = newPercents;
       this.percentsAsArray = this.convertPercentsToArray(this.percents);
-      this.$toast.warning('Suggested portfolio percents applied');
+      this.$toast.info('Portfolio suggested');
     },
     handleMinus(item) {
       if ((item.share - 0.2) < 0) {

client/components/Portfolio/Portfolio.vue

@@ -126,6 +126,7 @@ export default {
   .trusty_table {
     width: 100%;
     margin-top: 20px;
+    margin-bottom: 10px;
     thead, th, tbody {
       color: white;
       border: none;

client/components/Portfolio/PortfolioBalance.vue

@@ -43,9 +43,11 @@ export default {
       return (this.share && Math.round(this.share, 0)) || 0;
     },
     formattedBalanceFiat() {
-      if (!this.item.fiatValue) return '0.00';
-      const precisedFiatValue = (this.item.fiatValue / (10 ** this.fiatPrecision)).toFixed(2);
-      return precisedFiatValue;
+      if (!this.item.fiatValue) return '0';
+      const precisedFiatValue = this.item.fiatValue / (10 ** this.fiatPrecision);
+      if (precisedFiatValue > 1) return Math.floor(precisedFiatValue);
+      if (precisedFiatValue > 0.1) return precisedFiatValue.toFixed(1);
+      return precisedFiatValue.toFixed(2);
     },
     formattedChange() {
       if (!this.item.change) return 0;

client/services/toast.js

@@ -11,6 +11,9 @@ export default {
   success(text) {
     this.alert('success', text);
   },
+  info(text) {
+    this.alert('info', text);
+  },
   alert(type, text) {
     alert({ type, text, position: 'bottom' });
   }