From 359485e86356679f67ee9ad0aeb01a5a5d6dba50 Mon Sep 17 00:00:00 2001
From: Bechi <bechilandia@gmail.com>
Date: Tue, 3 Jun 2014 13:53:43 -0300
Subject: [PATCH] Add style for selected tab

---
 css/main.css | 5 +++++
 index.html   | 8 ++++----
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/css/main.css b/css/main.css
index 78fe7161b..68d1f54f1 100644
--- a/css/main.css
+++ b/css/main.css
@@ -30,6 +30,11 @@ html, body {height: 100%;}
   box-shadow:         inset 0px 0px 3px 0px rgba(0,0,0,0.10);
 }
 
+.text-gray.active {
+  color: #111 !important;
+  font-weight: 700;
+}
+
 #footer {
   position: fixed;
 	margin-top: -96px; /* negative value of footer height */
diff --git a/index.html b/index.html
index cae746807..ba907ab1e 100644
--- a/index.html
+++ b/index.html
@@ -405,8 +405,8 @@
             <h4> Transaction proposals <small>({{txs.length}})</small></h4>
 
             <ul class="inline-list">
-              <li> <a class="text-gray" ng-click="show(true)" ng-disabled="loading || onlyPending" loading="Updating"> [ Pending ] </a> 
-              <li> <a class="text-gray" ng-click="show()" ng-disabled="loading || !onlyPending" loading="Updating"> [ All ] </a> </li>
+              <li> <a class="text-gray size-12" ng-click="show(true)" ng-disabled="loading || onlyPending" loading="Updating" ng-class="{'active' : onlyPending}"> [ Pending ] </a> </li>
+              <li> <a class="text-gray size-12" ng-click="show()" ng-disabled="loading || !onlyPending" loading="Updating" ng-class="{'active' : !onlyPending}"> [ All ] </a> </li>
             </ul>
             <div class="panel radius pending" ng-repeat="tx in txs | paged">
               <div class="txheader row m10">
@@ -501,8 +501,8 @@
           </div>
           <div class="large-12 columns">
             <h4>Last transactions</h4>
-            <a ng-click="toogleLast()" ng-disabled="loading" loading="Updating" ng-hide="lastShowed && !loading">Show</a>
-            <a ng-click="toogleLast()" ng-disabled="loading" loading="Updating" ng-show="lastShowed && !loading">Hide</a>
+            <a class="size-12" ng-click="toogleLast()" ng-disabled="loading" loading="Updating" ng-hide="lastShowed && !loading">Show</a>
+            <a class="size-12" ng-click="toogleLast()" ng-disabled="loading" loading="Updating" ng-show="lastShowed && !loading">Hide</a>
             <div class="btransactions" ng-if="lastShowed">
               <div ng-if="!blockchain_txs[0].txid && !loading">
                 No transactions yet.