From 052e7b2b6e1e69dc500eb147b366fe259d5dde1d Mon Sep 17 00:00:00 2001
From: Ludovic Stephan <ludovic.stephan@ens.fr>
Date: Fri, 7 Apr 2017 12:17:36 -0300
Subject: [PATCH] Move navigation to content-left

---
 kfet/static/kfet/css/index.css        | 8 ++++++++
 kfet/templates/kfet/account_read.html | 4 ----
 kfet/templates/kfet/left_account.html | 6 ++++++
 3 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/kfet/static/kfet/css/index.css b/kfet/static/kfet/css/index.css
index f21fdaba..103b74b7 100644
--- a/kfet/static/kfet/css/index.css
+++ b/kfet/static/kfet/css/index.css
@@ -86,6 +86,14 @@ textarea {
     color:#FFF;
 }
 
+.buttons .nav-pills > li > a {
+    border-radius:0;
+}
+
+.buttons .nav-pills > li.active > a {
+    background-color:rgba(200,16,46,0.9);
+}
+
 .row-page-header {
     background-color:rgba(200,16,46,1);
     color:#FFF;
diff --git a/kfet/templates/kfet/account_read.html b/kfet/templates/kfet/account_read.html
index e55c18b2..1af7f277 100644
--- a/kfet/templates/kfet/account_read.html
+++ b/kfet/templates/kfet/account_read.html
@@ -59,10 +59,6 @@ $(document).ready(function() {
       <div class="content-right-block">
         <div class="col-sm-12 nopadding">
           {% if account.user == request.user %}
-          <ul class="nav nav-tabs">
-            <li class="active"><a data-toggle="tab" href="#tab_stats">Statistiques</a></li>
-            <li><a data-toggle="tab" href="#tab_history">Historique</a></li>
-          </ul>
           <div class='tab-content'>
             <div class="tab-pane fade in active" id="tab_stats">
               <h2>Statistiques</h2>
diff --git a/kfet/templates/kfet/left_account.html b/kfet/templates/kfet/left_account.html
index 19352728..06c3da8e 100644
--- a/kfet/templates/kfet/left_account.html
+++ b/kfet/templates/kfet/left_account.html
@@ -40,4 +40,10 @@
     Modifier
   </a>
   <a class="btn btn-primary btn-lg" disabled>Recharger par CB</a>
+  {% if account.user == request.user %}
+  <ul class='nav nav-pills nav-justified'>
+    <li class="active"><a data-toggle="pill" href="#tab_stats">Statistiques</a></li>
+    <li><a data-toggle="pill" href="#tab_history">Historique</a></li>
+  </ul>
+  {% endif %}
 </div>