added blockhash to tx list. fix lookandfeel tx list, responsive support. hide link copy/paste for small devicas

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; }
 

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>

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">

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>

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>