From 6cdac47ab533da015db418be210941b31e1eedac Mon Sep 17 00:00:00 2001
From: Tyler Renelle <tylerrenelle@gmail.com>
Date: Wed, 18 Jul 2012 13:38:30 -0400
Subject: [PATCH] use nav-pills instead of nav-tabs

---
 styles/app/index.styl | 5 +++++
 views/app/index.html  | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/styles/app/index.styl b/styles/app/index.styl
index 7d2d14827b..ddf0db0cb6 100644
--- a/styles/app/index.styl
+++ b/styles/app/index.styl
@@ -41,6 +41,11 @@ html,body,p,h1,ul,li,table,tr,th,td
 .todos h1, .rewards h1
   float:left
   margin-right:15px
+  
+.todos
+  .nav-pills > .active > a, .nav-pills > .active > a:hover
+    color: #005580
+    background-color: #DEE5F2
 
 .help-icon
   float:right;
diff --git a/views/app/index.html b/views/app/index.html
index d318fe44fa..29ded0fd50 100644
--- a/views/app/index.html
+++ b/views/app/index.html
@@ -99,7 +99,7 @@
 
       <app:taskColumn title="Todos" type="todo">
         <div class="tabbable"> <!-- Only required for left/right tabs -->
-          <ul class="nav nav-tabs">
+          <ul class="nav nav-pills">
             <li class="active"><a href="#tab1" data-toggle="tab">Remaining</a></li>
             <li><a href="#tab2" data-toggle="tab">Complete</a></li>
           </ul>