From 469329740560690df61ef825b839ac6209ea6134 Mon Sep 17 00:00:00 2001
From: bechi <bechilandia@gmail.com>
Date: Fri, 31 Oct 2014 12:04:59 -0300
Subject: [PATCH] history details

---
 css/src/main.css   |  1 +
 views/history.html | 20 ++++++++------------
 2 files changed, 9 insertions(+), 12 deletions(-)

diff --git a/css/src/main.css b/css/src/main.css
index 8cfa733cb..007944bf6 100644
--- a/css/src/main.css
+++ b/css/src/main.css
@@ -532,6 +532,7 @@ a.button-setup {
 .p15 {padding:15px;}
 .p20 {padding:20px;}
 .p10 {padding:10px;}
+.p10b {padding-bottom:10px;}
 .m30v {margin: 30px 0;}
 .m10h {margin:0 10px;}
 .m10v {margin:10px 0;}
diff --git a/views/history.html b/views/history.html
index ba8ea6515..3d85e457c 100644
--- a/views/history.html
+++ b/views/history.html
@@ -7,7 +7,7 @@
     <div ng-if="!blockchain_txs[0].txid && !loading">
       <em><strong translate>No transactions yet.</strong></em>
     </div>
-    <div class="panel large-12 columns" ng-repeat="btx in blockchain_txs | orderBy: 'time':true">
+    <div class="panel large-12 columns" ng-repeat="btx in blockchain_txs | orderBy: 'time':true" ng-click="btx.showDetails = !btx.showDetails">
       <div class="row collapse size-12">
         <div class="large-3 medium-3 small-4 columns">
           <span ng-hide="btx.ts">&nbsp;</span>
@@ -31,9 +31,9 @@
           <span ng-show="btx.comment">{{btx.comment}}</span>
         </div>
 
-        <div class="large-1 medium-1 small-4 columns size-10 text-right"
+        <div class="large-1 medium-1 small-1 columns text-right"
           ng-init="btx.showDetails = false">
-          <a ng-click="btx.showDetails = !btx.showDetails">
+          <a>
             <i ng-if="!btx.showDetails" class="icon-arrow-down4"></i>
             <i ng-if="btx.showDetails" class="icon-arrow-up4 size-12"></i>
           </a>
@@ -43,7 +43,7 @@
         <table class="last-transactions-content" ng-if="btx.actionList.0">
           <tbody>
           <tr ng-repeat="c in btx.actionList">
-            <td class="copayer-name" width="100%">{{c.cId === $root.wallet.getMyCopayerId() ? 'Me' : $root.wallet.publicKeyRing.nicknameForCopayer(c.cId)}}
+            <td class="copayer-name text-gray" width="100%">{{c.cId === $root.wallet.getMyCopayerId() ? 'Me' : $root.wallet.publicKeyRing.nicknameForCopayer(c.cId)}}
             </td>
             <td>
               <i ng-if="c.actions.create" class="fi-crown icon-status icon-active"></i>
@@ -61,14 +61,10 @@
           </tr> 
           </tbody>
         </table>
-        <div class="line-t m10t">
-          <small class="ellipsis">Transaction ID: 
-            <a
-              href="http://{{getShortNetworkName()}}.insight.is/tx/{{btx.txid}}"
-              target="_blank">
-              {{btx.txid}}
-            </a>
-          </small>
+        <div class="line"></div>
+        <div class="size-12 text-gray">
+            <span class="left hide-for-small-only">Transaction ID: {{btx.txid}} </span>
+            <a href="http://{{getShortNetworkName()}}.insight.is/tx/{{btx.txid}}" target="_blank" class="right"> More details <i class="icon-arrow-right2 vm"></i> </a>
         </div>
       </div>
     </div>