pagination style

@@ -93,7 +93,7 @@ exports.createPagination = function(pagination, options) {
     // ========= Previous Button ===============
     if (page - 1) {
         n = page - 1;
-        template = template + '<a href="?page=' + n + queryParams + '">' + leftText + '</a>';
+        template = template + '<a class="pre-page" href="?page=' + n + queryParams + '">' + leftText + '</a>';
     }
 
     // ========= Page Numbers Middle ===============
@@ -159,7 +159,7 @@ exports.createPagination = function(pagination, options) {
     // ========= Next page ===============
     if (pageCount - page) {
         n = page + 1;
-        template = template + '<a href="?page=' + n + queryParams + '">' + rightText + '</a>';
+        template = template + '<a class="next-page" href="?page=' + n + queryParams + '">' + rightText + '</a>';
     }
 
     template = template + '</div>';

-div.blk-pagination {
+.blk-pagination {
     width: 500px;
     padding: 0;
     text-align: center;
@@ -6,11 +6,11 @@ div.blk-pagination {
     a {
         display: inline-block;
         font-size: 14px;
-        line-height: 22px;
-        padding: 0 9px;
+        line-height: 28px;
+        width: 26px;
+        height: 26px;
 
         &:first-child {
-            padding: 0 5px;
             margin-right: 10px;
             border: 1px solid #333;
 
@@ -22,7 +22,6 @@ div.blk-pagination {
         }
 
         &:last-child {
-            padding: 0 5px;
             margin-left: 10px;
             border: 1px solid #333;
 
@@ -40,7 +39,11 @@ div.blk-pagination {
     }
 
     i {
-        font-size: 14px;
-        line-height: 22px;
+        font-size: 12px;
+    }
+
+    .pre-page,
+    .next-page {
+        line-height: 24px;
     }
 }