css fix.

apps/basic/web/css/site.css

@@ -1,19 +1,20 @@
 body {
-  padding-top: 70px;
+	padding-top: 70px;
 }
 
 .footer {
-  border-top: 1px solid #ddd;
-  margin-top: 30px;
-  padding-top: 15px;
-  padding-bottom: 30px;
+	border-top: 1px solid #ddd;
+	margin-top: 30px;
+	padding-top: 15px;
+	padding-bottom: 30px;
 }
 
 .jumbotron {
-  text-align: center;
-  background-color: transparent;
+	text-align: center;
+	background-color: transparent;
 }
+
 .jumbotron .btn {
-  font-size: 21px;
-  padding: 14px 24px;
+	font-size: 21px;
+	padding: 14px 24px;
 }

framework/yii/debug/assets/main.css

@@ -139,5 +139,10 @@ ul.trace {
 }
 .callout {
 	margin: 0 0 10px 0;
-	padding: 5px 10px;
+	padding: 5px;
+}
+
+.list-group .glyphicon {
+	float: right;
+	margin-right: -15px;
 }

framework/yii/debug/views/default/view.php

@@ -28,15 +28,17 @@ $this->title = 'Yii Debugger';
 	<div class="container">
 		<div class="row">
 			<div class="col-lg-2">
-				<ul class="nav nav-pills nav-stacked">
+				<div class="list-group affix-top">
 					<?php
 					foreach ($panels as $id => $panel) {
-						$link = Html::a(Html::encode($panel->getName()), array('view', 'tag' => $tag, 'panel' => $id));
-						echo Html::tag('li', $link, array('class' => $panel === $activePanel ? 'active' : null));
+						$label = '<i class="glyphicon glyphicon-chevron-right"></i>' . Html::encode($panel->getName());
+						echo Html::a($label, array('view', 'tag' => $tag, 'panel' => $id), array(
+							'class' => $panel === $activePanel ? 'list-group-item active' : 'list-group-item',
+						));
 					}
 					?>
-				</ul>
-			</div><!--/span-->
+				</div>
+			</div>
 			<div class="col-lg-10">
 				<div class="callout callout-danger">
 					<?php