Readability tweaks for toolbar.

Author: lonnieezell

system/Debug/Toolbar/Views/toolbar.css

@@ -26,6 +26,7 @@
 #debug-bar {
 	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 	font-size: 16px;
+	font-weight: 400;
 	line-height: 36px;
 	background: #fff;
 	position: fixed;
@@ -93,7 +94,7 @@
 #debug-bar h1 {
 	font-size: 16px;
 	line-height: 36px;
-	font-weight: 300;
+	font-weight: 500;
 	margin: 0 16px 0 0;
 	padding: 0;
 	text-align: left;
@@ -118,7 +119,7 @@
 
 #debug-bar h2 {
 	font-size: 16px;
-	font-weight: 300;
+	font-weight: 500;
 	margin: 0;
 	padding: 0;
 }
@@ -214,6 +215,7 @@
 	padding: 0 10px;
 	color: inherit;
 	text-decoration: none;
+	letter-spacing: normal;
 }
 
 #debug-bar .ci-label.active {
@@ -246,7 +248,7 @@
 
 #debug-bar table {
 	margin: 0 0 10px 20px;
-	font-size: 13px;
+	font-size: 0.9rem;
 	border-collapse: collapse;
 	width: 100%;
 }
@@ -263,7 +265,7 @@
 
 #debug-bar td {
 	border: none;
-	padding: 2px 10px 2px 5px;
+	padding: 0 10px 0 5px;
 	margin: 0;
 }
 
@@ -272,7 +274,7 @@
 }
 
 #debug-bar tr td:first-child {
-	width: 20%;
+	max-width: 20%;
 }
 
 #debug-bar tr td:first-child.narrow {
@@ -315,9 +317,9 @@
 #debug-bar table.timeline .timer {
 	position: absolute;
 	display: inline-block;
-	padding: 3px;
-	bottom: 9px;
-	border-radius: 3px;
+	padding: 5px;
+	top: 40%;
+	border-radius: 4px;
 	background-color: #999;
 }