My fixed for a better showing.
In /css/styles.css
Find:
.panel-links>li.active {
border-color: #6f993a;
background-color: #8dc24a;
}
And add after:
.panel-links>li.active a { color: #fff; }
//////////
Find:
.list-group-item {
margin-bottom: 10px;
border: none;
}
And replace with:
.list-group-item {
border: none;
padding: 5px 15px;
}
Find all stylesheets begin with .panel-links, and replace with:
.panel-links {
padding: 6px 10px;
list-style: none;
font-size: 12px;
margin: 0px;
}
.panel-links>li {
display: inline-block;
color: #656565;
padding:5px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
background-color: #FCF8E3;
}
.panel-links>li:hover {
color: #000;
background-color: #F2DEDE;
}
.panel-links>li .active {
color: #fff;
border-color: #6f993a;
background-color: #8dc24a;
}
Add new on the bottom:
/* Background for top menu item */
.messages-menu, .notifications-menu, .tasks-menu, .user-menu { background-color: #333; }