More CSS tweaks

static/css/bootstrap.css

@@ -3274,7 +3274,7 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
 .nav-pills > li.active > a,
 .nav-pills > li.active > a:hover,
 .nav-pills > li.active > a:focus {
-  color: #888888;
+  color: #555555;
   background-color: #eeeeee;
 }
 .nav-stacked > li {

static/css/my_checks.css

@@ -112,6 +112,7 @@
     background-color: #eee;
     color: #555;
     font-style: normal;
+    font-weight: 500;
 }
 
 #show-usage-modal  .modal-dialog {

stuff/bootstrap/variables.less

@@ -441,7 +441,7 @@
 //== Pills
 @nav-pills-border-radius:                   @border-radius-base;
 @nav-pills-active-link-hover-bg:            #EEE;
-@nav-pills-active-link-hover-color:         #888;
+@nav-pills-active-link-hover-color:         #555;
 
 
 //== Pagination

templates/accounts/badges.html

@@ -11,7 +11,7 @@
 </div>
 
 <div class="row">
-    <div class="col-sm-3">
+    <div class="col-sm-2">
         <ul class="nav nav-pills nav-stacked">
             <li><a href="{% url 'hc-profile' %}">Security</a></li>
             <li><a href="{% url 'hc-notifications' %}">Notifications</a></li>
@@ -19,7 +19,7 @@
         </ul>
     </div>
 
-    <div class="col-sm-9">
+    <div class="col-sm-10">
         <div class="panel panel-default">
             <div class="panel-body settings-block">
                 <h2 class="settings-title">Status Badges</h2>