# HG changeset patch
# User Mads Kiilerich <mads@kiilerich.com>
# Date 2017-03-01 03:53:15
# Node ID a2f4ed1298813f35de4477d4eafcf896fff4119b
# Parent  51caa592b8f0a85f00e3ad322b327fdc30f2bfec

style: use Bootstrap-ish nav-pills markup for settings menu

Based on work by Dominik Ruf.

diff --git a/kallithea/public/css/style.css b/kallithea/public/css/style.css
--- a/kallithea/public/css/style.css
+++ b/kallithea/public/css/style.css
@@ -2909,12 +2909,27 @@ nav.navbar, #content, #footer {
     font-weight: 700;
 }
 
-.panel-body.settings > ul.nav-stacked a {
+.panel-body.settings .nav-pills > li {
+    padding: 0 !important;
+}
+
+.panel-body.settings .nav-pills > li > a {
+    border-radius: 4px;
+    padding: 10px;
+    display: block;
+    position: relative;
     color: inherit;
 }
 
-.panel-body.settings > ul.nav-stacked li.active {
-    list-style-type: disc
+.panel-body.settings > ul.nav-stacked li.active > a,
+.panel-body.settings > ul.nav-stacked li.active:hover > a {
+    color: #fff;
+    background-color: #577632;
+}
+
+.panel-body.settings > ul.nav-stacked li:hover > a {
+    text-decoration: none;
+    background-color: #eee;
 }
 
 .panel-body.settings > div,