refactored panels to achieve a consistent look

extensions/debug/views/default/index.php

@@ -3,6 +3,7 @@
 use yii\helpers\Html;
 use yii\grid\GridView;
 use yii\data\ArrayDataProvider;
+use yii\debug\panels\ConfigPanel;
 
 /**
  * @var \yii\web\View $this
@@ -14,15 +15,18 @@ use yii\data\ArrayDataProvider;
 $this->title = 'Yii Debugger';
 ?>
 <div class="default-index">
+
+
     <div id="yii-debug-toolbar" class="yii-debug-toolbar-top">
         <div class="yii-debug-toolbar-block title">
-			<a href="<?= Yii::$app->homeUrl ?>">
-				<span class="glyphicon glyphicon-home"></span>
-			</a>
-		</div>
-		<div class="yii-debug-toolbar-block title">
+            <a href="#">
+                <img width="29" height="30" alt="" src="<?= \yii\debug\Module::getYiiLogo() ?>">
                 Yii Debugger
+            </a>
         </div>
+        <?php foreach ($panels as $panel): ?>
+            <?= $panel->getSummary() ?>
+        <?php endforeach; ?>
 	</div>
 
 	<div class="container">

extensions/debug/views/default/panels/config/summary.php

@@ -6,15 +6,11 @@ use yii\helpers\Html;
  * @var yii\debug\panels\ConfigPanel $panel
  */
 ?>
-<div class="yii-debug-toolbar-block title">
-    <?= Html::a('Yii Debugger', ['index'], ['title' => 'Back to main debug page']) ?>
-</div>
 <div class="yii-debug-toolbar-block">
 	<a href="<?= $panel->getUrl() ?>">
-		<img width="29" height="30" alt="" src="<?= $panel->getYiiLogo() ?>">
-		<span><?= $panel->data['application']['yii'] ?></span>
+		Yii
+		<span class="label label-info"><?= $panel->data['application']['yii'] ?></span>
+		PHP
+		<span class="label label-info"><?= $panel->data['php']['version'] ?></span>
 	</a>
 </div>
-<div class="yii-debug-toolbar-block">
-	<?= Html::a('PHP ' . $panel->data['php']['version'], ['phpinfo'], ['title' => 'Show phpinfo()', 'target' => 'phpinfo']) ?>
-</div>

extensions/debug/views/default/toolbar.php

@@ -5,6 +5,7 @@
  * @var string $tag
  * @var string $position
  */
+use yii\helpers\Html;
 use yii\debug\panels\ConfigPanel;
 
 $minJs = <<<EOD
@@ -27,11 +28,13 @@ $firstPanel = reset($panels);
 $url = $firstPanel->getUrl();
 ?>
 <div id="yii-debug-toolbar" class="yii-debug-toolbar-<?= $position ?>">
-	<div class="yii-debug-toolbar-block">
-		<a href="<?= Yii::$app->homeUrl ?>">
-			<span class="glyphicon glyphicon-home"></span>
+    <div class="yii-debug-toolbar-block title">
+        <a href="<?= Html::url(['index']) ?>">
+            <img width="29" height="30" alt="" src="<?= \yii\debug\Module::getYiiLogo() ?>">
+            Yii Debugger
         </a>
     </div>
+
 	<?php foreach ($panels as $panel): ?>
 	    <?= $panel->getSummary() ?>
 	<?php endforeach; ?>
@@ -39,7 +42,7 @@ $url = $firstPanel->getUrl();
 </div>
 <div id="yii-debug-toolbar-min">
 	<a href="<?= $url ?>" title="Open Yii Debugger" id="yii-debug-toolbar-logo">
-		<img width="29" height="30" alt="" src="<?= ConfigPanel::getYiiLogo() ?>">
+		<img width="29" height="30" alt="" src="<?= \yii\debug\Module::getYiiLogo() ?>">
 	</a>
 	<span class="yii-debug-toolbar-toggler" onclick="<?= $maxJs ?>">‹</span>
 </div>

extensions/debug/views/default/view.php

@@ -17,11 +17,14 @@ $this->title = 'Yii Debugger';
 ?>
 <div class="default-view">
 	<div id="yii-debug-toolbar" class="yii-debug-toolbar-top">
-		<div class="yii-debug-toolbar-block">
-			<a href="<?= Yii::$app->homeUrl ?>">
-				<span class="glyphicon glyphicon-home"></span>
+
+        <div class="yii-debug-toolbar-block title">
+            <a href="<?= Html::url(['index']) ?>">
+                <img width="29" height="30" alt="" src="<?= \yii\debug\Module::getYiiLogo() ?>">
+                Yii Debugger
             </a>
         </div>
+
 		<?php foreach ($panels as $panel): ?>
 			<?= $panel->getSummary() ?>
 		<?php endforeach; ?>