From a9bf9a25ab99c9ddc6aba4c9f5ce924e20fe2162 Mon Sep 17 00:00:00 2001
From: bechi <bechilandia@gmail.com>
Date: Thu, 4 Sep 2014 12:50:27 -0300
Subject: [PATCH] fix transactions list

---
 views/transactions.html | 25 ++++++++++++++++---------
 1 file changed, 16 insertions(+), 9 deletions(-)

diff --git a/views/transactions.html b/views/transactions.html
index f91565fbe..cb0315da5 100644
--- a/views/transactions.html
+++ b/views/transactions.html
@@ -30,14 +30,14 @@
           No transactions yet.
         </div>
         <div class="last-transactions" ng-repeat="btx in blockchain_txs | orderBy: 'time':true">
-          <div class="last-transactions-header">
-            <div class="large-8 medium-7 small-3 columns ellipsis">
+          <div class="last-transactions-header size-14">
+            <div class="large-8 medium-7 small-4 columns ellipsis">
               <a href="http://{{getShortNetworkName()}}.insight.is/tx/{{btx.txid}}" target="_blank">
                 {{btx.txid}} 
               </a> 
               <span class="btn-copy" clip-copy="btx.txid"></span>
             </div>
-            <div class="large-4 medium-5 small-9 columns text-right">
+            <div class="large-4 medium-5 small-8 columns text-right">
               <div data-ng-show="btx.firstSeenTs">
                 first seen at
                 <time>{{btx.firstSeenTs * 1000 | amCalendar}}</time>
@@ -49,7 +49,7 @@
             </div>
           </div>
           <div class="last-transactions-content">
-            <div class="large-5 medium-5 small-5 columns">
+            <div class="large-5 medium-5 small-12 columns">
               <div ng-repeat="vin in btx.vinSimple">
                 <small class="right m5t">{{vin.value| noFractionNumber}} {{$root.unitName}}</small>
                 <p class="ellipsis text-gray size-12">
@@ -57,10 +57,13 @@
                 </p>
               </div>
             </div>
-            <div class="large-1 medium-1 small-1 columns text-center">
+            <div class="large-1 medium-1 hide-for-small-only columns text-center">
               <i class="fi-arrow-right"></i>
             </div>
-            <div class="large-6 medium-6 small-6 columns">
+            <div class="show-for-small-only small-12 columns text-center">
+              <i class="fi-arrow-down"></i>
+            </div>
+            <div class="large-6 medium-6 small-12 columns">
               <div ng-repeat="vout in btx.voutSimple">
                 <small class="right m5t">{{vout.value| noFractionNumber}} {{$root.unitName}}</small>
                 <p class="ellipsis text-gray size-12">
@@ -70,9 +73,13 @@
             </div>
           </div>
           <div class="last-transactions-footer">
-            <div class="large-4 medium-4 small-4 columns">Fees: {{btx.fees | noFractionNumber}} {{$root.unitName}}</div>
-            <div class="large-4 medium-4 small-4 columns text-center">Confirmations: {{btx.confirmations || 0}}</div>
-            <div class="large-4 medium-4 small-4 columns text-right">Total: {{btx.valueOut| noFractionNumber}} {{$root.unitName}}</div>
+            <div class="large-6 medium-6 small-6 columns">
+              <p class="size-12"> Fees: {{btx.fees | noFractionNumber}} {{$root.unitName}}</p>
+              <p class="size-12">Confirmations: {{btx.confirmations || 0}}</p>
+            </div>
+            <div class="large-6 medium-6 small-6 columns text-right">
+              <p class="label size-14">Total: {{btx.valueOut| noFractionNumber}} {{$root.unitName}}</p>
+            </div>
           </div>
         </div>
       </div>