Editor: Minor tweaks to CollapsiblePanel styles.

editor/css/dark.css

@@ -57,7 +57,7 @@ button {
 
 .CollapsiblePanel .CollapsiblePanelButton {
 	float: left;
-	margin-right: 4px;
+	margin-right: 6px;
 	width: 0px;
 	height: 0px;
 	border: 6px solid transparent;
@@ -65,12 +65,12 @@ button {
 
 .CollapsiblePanel.collapsed .CollapsiblePanelButton {
 	margin-top: 2px;
-	border-left-color: #bbb;
+	border-left-color: #555;
 }
 
 .CollapsiblePanel:not(.collapsed) .CollapsiblePanelButton {
 	margin-top: 6px;
-	border-top-color: #bbb;
+	border-top-color: #555;
 }
 
 .CollapsiblePanel.collapsed .CollapsibleContent {

editor/css/light.css

@@ -30,7 +30,7 @@ button {
 
 .CollapsiblePanel .CollapsiblePanelButton {
 	float: left;
-	margin-right: 4px;
+	margin-right: 6px;
 	width: 0px;
 	height: 0px;
 	border: 6px solid transparent;
@@ -38,12 +38,12 @@ button {
 
 .CollapsiblePanel.collapsed .CollapsiblePanelButton {
 	margin-top: 2px;
-	border-left-color: #333;
+	border-left-color: #bbb;
 }
 
 .CollapsiblePanel:not(.collapsed) .CollapsiblePanelButton {
 	margin-top: 6px;
-	border-top-color: #333;
+	border-top-color: #bbb;
 }
 
 .CollapsiblePanel.collapsed .CollapsibleContent {

editor/js/libs/ui.js

@@ -143,6 +143,7 @@ UI.Panel.prototype.clear = function () {
 UI.CollapsiblePanel = function () {
 
 	UI.Panel.call( this );
+
 	this.dom.className = 'Panel CollapsiblePanel';
 
 	this.button = document.createElement( 'div' );