From 5e4b014c54356ee3b15fed776203165e66924080 Mon Sep 17 00:00:00 2001
From: Gustavo Cortez <cmgustavo83@gmail.com>
Date: Thu, 6 Feb 2014 12:53:39 -0300
Subject: [PATCH] added blockhash to tx list. fix lookandfeel tx list,
 responsive support. hide link copy/paste for small devicas

---
 public/css/common.css            | 13 +++++++++++-
 public/views/address.html        |  2 +-
 public/views/block.html          |  2 +-
 public/views/transaction.html    |  6 +++---
 public/views/transaction/tx.html | 35 ++++++++++++++++++++++++--------
 5 files changed, 43 insertions(+), 15 deletions(-)

diff --git a/public/css/common.css b/public/css/common.css
index 81eda36..8700862 100644
--- a/public/css/common.css
+++ b/public/css/common.css
@@ -231,6 +231,7 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
   margin: 20px 0 10px;
   overflow: hidden;
   padding: 15px;
+  border: 1px solid #ccc;
 }
 
 .btn {
@@ -302,7 +303,7 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
 .line-mid { padding: 15px 0;}
 .line-top {
   border-top: 1px solid #EAEAEA;
-  padding: 15px 0;
+  padding: 15px 0 0 0;
 }
 
 /* Custom page CSS
@@ -413,6 +414,16 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
 .btn-copy { margin-left: 5px; }
 .btn-expand { margin-right: 5px; }
 
+@media (max-width: 991px) {
+  .btn-copy {
+    display: none; 
+  }
+}
+
+.txid {
+  line-height: 26px;
+}
+
 .transaction-vin-vout .ellipsis { margin-bottom: 10px; }
 .transaction-vin-vout .btc-value { margin-left: 15px; }
 
diff --git a/public/views/address.html b/public/views/address.html
index 76c06ff..9c1fbb2 100644
--- a/public/views/address.html
+++ b/public/views/address.html
@@ -6,7 +6,7 @@
       <div class="text-center">
         <qrcode size="160" data="{{address.addrStr}}"></qrcode>
         <div class="m10v">
-          <button class="pull-right btn-copy" clip-copy="address.addrStr"><span class="glyphicon glyphicon-paperclip"></span></button>
+          <button class="pull-right btn-copy" clip-copy="address.addrStr"></button>
           <a class="ellipsis" href="/address/{{address.addrStr}}">{{address.addrStr}}</a>
         </div>
       </div>
diff --git a/public/views/block.html b/public/views/block.html
index 53e4aae..178b8cc 100644
--- a/public/views/block.html
+++ b/public/views/block.html
@@ -9,7 +9,7 @@
         <h1 data-ng-if="block">Block #{{ block.height }}</h1>
       </div>
       <div class="m10v">
-        <button class="pull-right btn-copy" clip-copy="block.hash"><span class="glyphicon glyphicon-paperclip"></span></button>
+        <button class="pull-right btn-copy" clip-copy="block.hash"></button>
         <a class="ellipsis block_hash" href="/address/{{block.hash}}">{{block.hash}}</a>
       </div>
       <div class="m20v" data-ng-show="!tx.isCoinBase">
diff --git a/public/views/transaction.html b/public/views/transaction.html
index abb4533..d3425c8 100644
--- a/public/views/transaction.html
+++ b/public/views/transaction.html
@@ -9,7 +9,7 @@
     <div data-ng-include src="'/views/transaction/tx.html'"></div>
   </div><!--  END OF BLOCK-TX -->
 
-  <div class="row m50v">
+  <div class="row">
     <div data-ng-class="{'col-md-6':!tx.isCoinBase}">
       <h2>Summary</h2>
       <table class="table" style="table-layout: fixed">
@@ -25,8 +25,8 @@
         <tr>
           <td><strong>Block </strong>
           <td class="text-right">
-
-              <a href="/block/{{tx.blockhash}}" class=" ellipsis">{{tx.blockhash}}</a>
+            <button class="btn-copy pull-right" clip-copy="tx.blockhash"></button>
+            <a href="/block/{{tx.blockhash}}" class=" ellipsis">{{tx.blockhash}}</a> 
         </tbody>
       </table>
     </div>
diff --git a/public/views/transaction/tx.html b/public/views/transaction/tx.html
index 0b7062e..d1a3f03 100644
--- a/public/views/transaction/tx.html
+++ b/public/views/transaction/tx.html
@@ -1,10 +1,16 @@
-  <div class="line-bot">
-    <time class="pull-right">{{tx.time * 1000 | date:'medium'}}</time>
-    <button class="btn-expand" data-ng-click="itemsExpanded = !itemsExpanded"><span class="glyphicon glyphicon-plus" data-ng-class="{'glyphicon-minus': itemsExpanded}" tooltip="Show/Hide items details" tooltip-placement="right"></span></button>
-    <a href="/tx/{{tx.txid}}">{{tx.txid}}</a>
-    <button class="btn-copy" clip-copy="tx.txid"><span class="glyphicon glyphicon-paperclip"></span></button>
+<div class="line-bot row">
+  <div class="col-xs-12 col-md-6">
+    <button class="btn-expand pull-left" data-ng-click="itemsExpanded = !itemsExpanded"><span class="glyphicon glyphicon-plus" data-ng-class="{'glyphicon-minus': itemsExpanded}" tooltip="Show/Hide items details" tooltip-placement="right"></span></button>
+    <button class="btn-copy pull-right" clip-copy="tx.txid"></button>
+    <div class="ellipsis">
+      <a class="txid" href="/tx/{{tx.txid}}">{{tx.txid}}</a>
+    </div>
   </div>
-  <div class="row line-mid">
+  <div class="col-xs-12 col-md-6 text-right">
+    <time>{{tx.time * 1000 | date:'medium'}}</time>
+  </div>
+</div>
+<div class="row line-mid">
     <div class="col-md-5">
       <div class="row" data-ng-show="tx.isCoinBase">
         <div class="col-md-12 transaction-vin-vout" data-ng-repeat="vin in tx.vin">
@@ -92,9 +98,20 @@
       </div>
     </div>
   </div>
-  <div class="line-top">
-    <small data-ng-show="!tx.isCoinBase" class="text-muted">Fees: {{tx.fees}}</small>
-    <div class="pull-right">
+  <div class="panel panel-default" data-ng-show="itemsExpanded">
+    <div class="panel-body" style="word-wrap:break-word">
+      <small>
+        <strong>BlockHash</strong> 
+        <a href="/block/{{tx.blockhash}}">{{tx.blockhash}}</a>
+        <button class="btn-copy" clip-copy="tx.blockhash"></button>
+      </small>
+    </div>
+  </div>
+  <div class="line-top row">
+    <div class="col-xs-4 col-md-6">
+      <button data-ng-show="!tx.isCoinBase" class="btn btn-default">Fees: {{tx.fees}}</button>
+    </div>
+    <div class="col-xs-8 col-md-6 text-right">
       <button data-ng-show="tx.confirmations" class="btn btn-success">{{tx.confirmations}} Confirmations</button>
       <button data-ng-show="!tx.confirmations" class="btn btn-danger">Unconfirmed Transaction!</button>
       <button class="btn btn-primary">{{$root.currency.getConversion(tx.valueOut)}}</button>