Cleaning up and simplifying the closed handle HTML and CSS.

2 files changed, 25 insertions, 38 deletions

diff --git a/debug_toolbar/media/debug_toolbar/toolbar.css b/debug_toolbar/media/debug_toolbar/toolbar.css
index b68078f..029148c 100644
--- a/debug_toolbar/media/debug_toolbar/toolbar.css
+++ b/debug_toolbar/media/debug_toolbar/toolbar.css
@@ -41,37 +41,6 @@
 	color:#999;
 }
 
-#djDebugToolbarHandle {
-	position:absolute;
-	background:#111;
-	top:0;
-	right:0;
-	height:25px;
-	width:25px;
-	z-index:100000000;
-}
-
-#djDebugToolbarHandle ul li {
-	list-style-type:none;
-	padding:0;
-}
-
-#djDebugToolbarHandle ul li a {
-	display:block;
-	width:100%;
-	font-size:16px;
-	line-height:25px;
-	font-weight:bold;
-	text-decoration:none;
-	color:#daf7ff;
-	text-align:center;
-}
-
-#djDebugToolbarHandle ul li a:hover {
-	color:#111;
-	background-color:#9fbb54;
-}
-
 #djDebugToolbar ul {
 	margin:0;
 	padding:0;
@@ -131,8 +100,28 @@
 	font-variant:normal;
 }
 
-#djDebugToolbar #djDebugButton {
-	color:#92ef3f;
+#djDebugToolbarHandle {
+	position:absolute;
+	background:#111;
+	top:0;
+	bottom:0;
+	right:0;
+	z-index:100000000;
+}
+
+#djDebug a#djShowToolBarButton {
+	display:block;
+	height:100%;
+	padding:2px;
+	color:#fff;
+	font-size:10px;
+	font-weight:bold;
+	text-decoration:none;
+	text-align:center;
+}
+
+#djDebug a#djShowToolBarButton:hover {
+	background-color:#f00;
 }
 
 #djDebug pre {
diff --git a/debug_toolbar/templates/debug_toolbar/base.html b/debug_toolbar/templates/debug_toolbar/base.html
index a44d31e..401677a 100644
--- a/debug_toolbar/templates/debug_toolbar/base.html
+++ b/debug_toolbar/templates/debug_toolbar/base.html
@@ -17,7 +17,7 @@
 	@import url({{ BASE_URL }}/__debug__/m/toolbar.css);
 </style>
 <div id="djDebug">
-	<div style="display: none;" id="djDebugToolbar">
+	<div style="display:none;" id="djDebugToolbar">
 		<ul id="djDebugPanelList">
 			{% if panels %}
 			<li><a id="djHideToolBarButton" href="#" title="Hide Toolbar">Hide &raquo;</a></li>
@@ -44,10 +44,8 @@
 			{% endfor %}
 		</ul>
 	</div>
-	<div style="display: none;" id="djDebugToolbarHandle">
-		<ul id="djDebugPanelList">
-			<li><a title="Show Toolbar" id="djShowToolBarButton" href="#">&laquo;</a></li>
-		</ul>
+	<div style="display:none;" id="djDebugToolbarHandle">
+		<a title="Show Toolbar" id="djShowToolBarButton" href="#">&laquo;</a>
 	</div>
 	{% for panel in panels %}
 		{% if panel.has_content %}