From 9c2fcdfd046c339a53b0cbcfc3223c4d20f0f65e Mon Sep 17 00:00:00 2001
From: bechi <bechilandia@gmail.com>
Date: Mon, 1 Dec 2014 14:00:42 -0300
Subject: [PATCH] add style on rate service

---
 css/src/main.css   | 21 +++++++++++++++++++--
 views/history.html | 11 ++++++++---
 2 files changed, 27 insertions(+), 5 deletions(-)

diff --git a/css/src/main.css b/css/src/main.css
index cbfa2f220..9aa500789 100644
--- a/css/src/main.css
+++ b/css/src/main.css
@@ -90,10 +90,27 @@ header .alt-currency {
 }
 
 .alt-currency {
-  background: #2C3E50;
   padding: 0.05rem 0.2rem;
   border-radius: 2px;
-  font-size: 10px;
+  font-size: 11px;
+  color: #fff;
+  font-weight: 700;
+}
+
+.alt-currency.green {
+  background: #1ABC9C;
+}
+
+.alt-currency.red {
+  background: #A02F23;
+}
+
+.alt-currency.black {
+  background: #213140;
+}
+
+.alt-currency.gray {
+  background: #7A8C9E;
 }
 
 .head {
diff --git a/views/history.html b/views/history.html
index 178dce042..038294efc 100644
--- a/views/history.html
+++ b/views/history.html
@@ -40,13 +40,18 @@
               </div>
             </div>
 
-            <div class="large-2 medium-3 small-5 columns text-right">
+            <div class="large-3 medium-3 small-5 columns text-right">
               <div class="tx-amount" ng-class="{
                 'text-primary' : btx.action == 'received',
                 'text-warning': btx.action == 'sent', 
                 'text-gray': btx.action == 'moved'}">
                 <b>{{btx.amount}} {{$root.wallet.settings.unitName}}</b>
-                <b ng-show="btx.alternativeAmount != null">{{btx.alternativeAmount}} {{$root.wallet.settings.alternativeIsoCode}}</b>
+                <span class="alt-currency" ng-class="{
+                'green' : btx.action == 'received',
+                'red': btx.action == 'sent', 
+                'gray': btx.action == 'moved'}" ng-show="btx.alternativeAmount != null">
+                  {{btx.alternativeAmount| noFractionNumber}} {{$root.wallet.settings.alternativeIsoCode}}
+                </span>
               </div>
             </div>
 
@@ -67,7 +72,7 @@
               <span class="ellipsis">{{btx.labelTo || btx.addressTo}}</span>
             </div>
 
-            <div class="large-3 medium-3 small-12 columns text-gray"> 
+            <div class="large-2 medium-2 small-12 columns text-gray"> 
               <div class="tx-comment" ng-show="btx.comment">
                 <i class="fi-comment-quotes"></i> {{btx.comment}}</div>
             </div>