From 34d92dda32896d24108ae4ec56b010cfae279a7c Mon Sep 17 00:00:00 2001
From: Bechi <bechilandia@gmail.com>
Date: Tue, 21 Jan 2014 17:03:57 -0300
Subject: [PATCH] blocks by date

---
 public/css/common.css         |  3 +--
 public/views/block.html       |  4 ++--
 public/views/blocks/list.html | 38 +++++++++++++++++++++++------------
 3 files changed, 28 insertions(+), 17 deletions(-)

diff --git a/public/css/common.css b/public/css/common.css
index ccbc427..c3f6f04 100644
--- a/public/css/common.css
+++ b/public/css/common.css
@@ -159,9 +159,8 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
   border-radius: :;px;
 }
 
-.block-id h1 {
+.block-id h3 {
   font-weight: bold;
-  font-size: 24px;
   color: #FFFFFF;
   line-height: 30px;
   text-align: center;
diff --git a/public/views/block.html b/public/views/block.html
index 88cc231..274c7db 100644
--- a/public/views/block.html
+++ b/public/views/block.html
@@ -1,12 +1,12 @@
 <section data-ng-controller="BlocksController" data-ng-init="findOne()">
   <div class="row">
     <div class="col-md-3">
-      <div class="bs-sidebar hidden-print affix  col-gray">
+      <div class="bs-sidebar affix  col-gray">
         <div class="block-id">
           <div class="icon-block text-center">
             <span class="glyphicon glyphicon-list-alt"></span>
           </div>
-          <h1 data-ng-if="block">Block #{{ block.height }}</h1>
+          <h3 data-ng-if="block">Block #{{ block.height }}</h3>
         </div>
         <div class="m50v" data-ng-show="!tx.isCoinBase">
           <h4>Hashes</h4>
diff --git a/public/views/blocks/list.html b/public/views/blocks/list.html
index 494255f..abdcf85 100644
--- a/public/views/blocks/list.html
+++ b/public/views/blocks/list.html
@@ -1,18 +1,30 @@
 <section data-ng-controller="BlocksController" data-ng-init="list()">
-  <div class="page-header">
-    <h1>
-      Blocks
-      <small>by date</small>
-    </h1>
-  </div>
   <div class="row">
-    <div class="col-md-8 col-md-offset-2">
-      <ul class="pager">
-        <li class="previous"><a href="#!/blocks-date/{{pagination.prev}}">&larr; {{pagination.prev}}</a></li>
-        <li class="disabled"><a href="#">{{pagination.current}}</a></li>
-        <li class="next"><a href="#!/blocks-date/{{pagination.next}}">{{pagination.next}} &rarr;</a></li>
-      </ul>
-      <table class="table table-striped" data-ng-show="blocks || blocks.length">
+    <div class="col-md-3">
+      <div class="bs-sidebar affix col-gray">
+        <div class="block-id">
+          <div class="icon-block text-center">
+            <span class="glyphicon glyphicon-list"></span>
+            <h3>Blocks <br> mined on:</h3>
+          </div>
+        </div>
+        <p class="lead text-center m20v">{{pagination.current}}</p>
+
+        <div class="m50v">
+          <a class="btn btn-default" href="#!/blocks-date/{{pagination.prev}}"><small>&larr; {{pagination.prev}}</small></a>
+          <a class="btn btn-primary" href="#!/blocks-date/{{pagination.next}}"><small>{{pagination.next}} &rarr;</small></a>
+        </div>
+      </div>
+    </div>
+
+    <div class="col-md-8">
+      <div class="page-header">
+        <h1>
+          Blocks
+          <small>by date</small>
+        </h1>
+      </div>
+      <table class="table" data-ng-show="blocks || blocks.length">
         <thead>
           <tr>
             <th>Hash</th>