Pegged the panels to fill available space and moved close button.

1 files changed, 6 insertions, 9 deletions

diff --git a/debug_toolbar/media/debug_toolbar/toolbar.css b/debug_toolbar/media/debug_toolbar/toolbar.css
index 6c61ac0..676969c 100644
--- a/debug_toolbar/media/debug_toolbar/toolbar.css
+++ b/debug_toolbar/media/debug_toolbar/toolbar.css
@@ -148,14 +148,11 @@
 	display: none;
 	position: absolute;
 	margin: 0;
-	margin-left: 30px;
 	padding: 10px 20px;
-	top: 15px;
-	width: auto;
-	/*max-width: 800px;*/
-	min-width: 500px;
+	top: 2px;
 	right: 200px;
-	bottom: 15px;
+	bottom: 2px;
+	left: 2px;
 	color: #111;
 	z-index: 1000000;
 	/*overflow: auto;*/
@@ -269,11 +266,11 @@
 	text-indent: -9999999px;
 	display: block;
 	position: absolute;
-	top: 5px;
-	left: -25px;
-	background: url(close.png) no-repeat center center;
+	top: 0;
+	right: 10px;
 	height: 40px;
 	width: 40px;
+	background: url(close.png) no-repeat center center;
 }
 
 #djDebug .panelContent .close:hover {