From 758f9fc068d391b5e68747049e9f654b98ff362f Mon Sep 17 00:00:00 2001
From: Bechi <bechilandia@gmail.com>
Date: Tue, 21 Jan 2014 12:25:36 -0300
Subject: [PATCH] address page

---
 public/css/common.css     |  2 +
 public/views/address.html | 81 +++++++++++++++++++--------------------
 public/views/block.html   | 11 +++---
 3 files changed, 47 insertions(+), 47 deletions(-)

diff --git a/public/css/common.css b/public/css/common.css
index 685758a..f51137d 100644
--- a/public/css/common.css
+++ b/public/css/common.css
@@ -38,6 +38,7 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
 .m20h {margin: 0 20px;}
 .m5v {margin: 5px 0;}
 .m20v {margin: 20px 0;}
+.m10v {margin: 10px 0;}
 .m50v {margin: 50px 0;}
 .m10b {margin-bottom: 10px;}
 
@@ -119,6 +120,7 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
 }
 
 .col-gray {
+  width: 267px;
   background-color: #F4F4F4;
   padding: 15px;
   margin-top: 21px;
diff --git a/public/views/address.html b/public/views/address.html
index 1e21aec..71ec54e 100644
--- a/public/views/address.html
+++ b/public/views/address.html
@@ -1,45 +1,44 @@
 <section data-ng-controller="AddressController" data-ng-init="findOne()">
-  <div class="page-header">
-    <h1>
-      Address
-      <small>Addresses are identifiers which you use to send bitcoins to another person.</small>
-    </h1>
-  </div>
   <div class="row">
-    <div class="col-lg-9">
-      <table class="table table-striped">
-        <tbody>
-        <tr>
-          <td>Address</td>
-          <td><a href="/#!/address/{{address.addrStr}}">{{address.addrStr}}</a></td>
-        </tr>
-        <tr>
-          <td>Total Received</td>
-          <td>{{address.totalReceived}} BTC</td>
-        </tr>
-        <tr>
-          <td>Total Sent</td>
-          <td>{{address.totalSent}} BTC</td>
-        </tr>
-        <tr>
-          <td>Final Balance</td>
-          <td>{{address.balance}} BTC</td>
-        </tr>
-        <tr>
-          <td>No. Transactions</td>
-          <td>{{address.txApperances}}</td>
-        </tr>
-
-        </tbody>
-      </table>
+    <div class="col-md-3">
+      <div class="bs-sidebar hidden-print affix  col-gray">
+        <div class="text-center m10v">
+          <qrcode size="200" data="{{address.addrStr}}"></qrcode>
+          <h4><span class="glyphicon glyphicon-qrcode"></span> Address</h4>
+          <a class="ellipsis" href="/#!/address/{{address.addrStr}}">{{address.addrStr}}</a>
+        </div>
+        
+        <div class="m50v">
+          <h4>Summary</h4>
+          <table class="table">
+            <tbody>
+              <tr>
+                <td class="small">Total Received</td>
+                <td class="address ellipsis text-right">{{address.totalReceived}} BTC</td>
+              </tr>
+              <tr>
+                <td class="small">Total Sent</td>
+                <td class="address ellipsis text-right">{{address.totalSent}} BTC</td>
+              </tr>
+              <tr>
+                <td class="small">Final Balance</td>
+                <td class="address ellipsis text-right">{{address.balance}} BTC</td>
+              </tr>
+              <tr>
+                <td class="small">No. Transactions</td>
+                <td class="address ellipsis text-right">{{address.txApperances}}</td>
+              </tr>
+            </tbody>
+          </table>
+        </div> <!-- END OF TRANSACTIONS TABLE -->
+      </div>
+    </div> <!-- END OF COL-MD-3 -->
+    
+    <div class="col-md-9">
+      <div data-ng-controller="transactionsController" data-ng-init="byAddress(params.addrStr)">
+        <h2>Transactions <small>Transactions contained within this block</small></h2>
+        <div data-ng-include src="'/views/transaction/list.html'"></div>
+      </div>
     </div>
-    <div class="col-lg-3">
-      <qrcode size="200" data="{{address.addrStr}}"></qrcode>
-    </div>
-  </div>
-
-  <div data-ng-controller="transactionsController" data-ng-init="byAddress(params.addrStr)">
-    <h2>Transactions <small>Transactions contained within this block</small></h2>
-    <div data-ng-include src="'/views/transaction/list.html'"></div>
-  </div>
+  </div> <!-- END OF ROW -->
 </section>
diff --git a/public/views/block.html b/public/views/block.html
index d3db901..16447eb 100644
--- a/public/views/block.html
+++ b/public/views/block.html
@@ -8,30 +8,29 @@
           </div>
           <h1 data-ng-if="block">Block #{{ block.height }}</h1>
         </div>
-
         <div class="m50v" data-ng-show="!tx.isCoinBase">
           <h4>Hashes</h4>
           <table class="table">
             <tbody>
             <tr>
-              <td> <small>Hash </small></td>
+              <td class="small"> Hash </td>
               <td><a class="address ellipsis" href="/#!/block/{{block.hash}}">{{block.hash}}</a></td>
             </tr>
             <tr>
-              <td><small> Previous Block</small></td>
+              <td class="small"> Previous Block</td>
               <td><a class="address ellipsis" href="/#!/block/{{block.previousblockhash}}">{{block.previousblockhash}}</a></td>
             </tr>
             <tr>
-              <td><small> Next Block</small></td>
+              <td class="small"> Next Block</td>
               <td><a class="address ellipsis" href="/#!/block/{{block.nextblockhash}}">{{block.nextblockhash}}</a></td>
             </tr>
             <tr>
-              <td><small> Merkle Root</small></td>
+              <td class="small">Merkle Root</td>
               <td> <p class="address ellipsis"> {{block.merkleroot}} </p> </td>
             </tr>
             </tbody>
           </table>
-        </div>
+        </div> <!-- END OF TRANSACTIONS TABLE -->
 
       </div>
     </div> <!-- END OF COL-GRAY   -->