Editor: UI tweaks.

mrdoob · mrdoob · commit 00a12dd929cb · 2015-10-15T19:11:27.000-04:00
diff --git a/editor/css/dark.css b/editor/css/dark.css
@@ -86,6 +86,7 @@ input.Number {
 	#menubar .menu.right {
 		float: right;
 		cursor: auto;
+		padding-right: 0px;
 		text-align: right;
 	}
 
diff --git a/editor/css/light.css b/editor/css/light.css
@@ -79,6 +79,7 @@ input.Number {
 	#menubar .menu.right {
 		float: right;
 		cursor: auto;
+		padding-right: 0px;
 		text-align: right;
 	}
 
diff --git a/editor/js/Sidebar.Object3D.js b/editor/js/Sidebar.Object3D.js
@@ -255,15 +255,15 @@ Sidebar.Object3D = function ( editor ) {
 	var objectCastShadow = new UI.Checkbox().onChange( update );
 
 	objectCastShadowSpan.add( objectCastShadow );
-	objectCastShadowSpan.add( new UI.Text( 'cast' ) );
+	objectCastShadowSpan.add( new UI.Text( 'cast' ).setMarginLeft( '3px' ) );
 
 	objectShadowRow.add( objectCastShadowSpan );
 
 	var objectReceiveShadowSpan = new UI.Span();
 	var objectReceiveShadow = new UI.Checkbox().onChange( update );
 
 	objectReceiveShadowSpan.add( objectReceiveShadow );
-	objectReceiveShadowSpan.add( new UI.Text( 'receive' ) );
+	objectReceiveShadowSpan.add( new UI.Text( 'receive' ).setMarginLeft( '3px' ) );
 
 	objectShadowRow.add( objectReceiveShadowSpan );
 
diff --git a/editor/js/Sidebar.Project.js b/editor/js/Sidebar.Project.js
@@ -85,7 +85,7 @@ Sidebar.Project = function ( editor ) {
 	} );
 
 	rendererAntialiasSpan.add( rendererAntialias );
-	rendererAntialiasSpan.add( new UI.Text( 'antialias' ) );
+	rendererAntialiasSpan.add( new UI.Text( 'antialias' ).setMarginLeft( '3px' ) );
 
 	rendererPropertiesRow.add( rendererAntialiasSpan );
 
@@ -100,7 +100,7 @@ Sidebar.Project = function ( editor ) {
 	} );
 
 	rendererShadowsSpan.add( rendererShadows );
-	rendererShadowsSpan.add( new UI.Text( 'shadows' ) );
+	rendererShadowsSpan.add( new UI.Text( 'shadows' ).setMarginLeft( '3px' ) );
 
 	rendererPropertiesRow.add( rendererShadowsSpan );
 
diff --git a/editor/js/Toolbar.js b/editor/js/Toolbar.js
@@ -37,22 +37,21 @@ var Toolbar = function ( editor ) {
 
 	// grid
 
-	var grid = new UI.Number( 25 ).onChange( update );
-	grid.dom.style.width = '42px';
+	var grid = new UI.Number( 25 ).setWidth( '40px' ).onChange( update );
 	buttons.add( new UI.Text( 'Grid: ' ) );
 	buttons.add( grid );
 
-	var snap = new UI.Checkbox( false ).onChange( update );
+	var snap = new UI.Checkbox( false ).onChange( update ).setMarginLeft( '10px' );
 	buttons.add( snap );
-	buttons.add( new UI.Text( 'snap' ) );
+	buttons.add( new UI.Text( 'snap' ).setMarginLeft( '3px' ) );
 
-	var local = new UI.Checkbox( false ).onChange( update );
+	var local = new UI.Checkbox( false ).onChange( update ).setMarginLeft( '10px' );
 	buttons.add( local );
-	buttons.add( new UI.Text( 'local' ) );
+	buttons.add( new UI.Text( 'local' ).setMarginLeft( '3px' ) );
 
-	var showGrid = new UI.Checkbox().onChange( update ).setValue( true );
+	var showGrid = new UI.Checkbox().onChange( update ).setValue( true ).setMarginLeft( '10px' );
 	buttons.add( showGrid );
-	buttons.add( new UI.Text( 'show' ) );
+	buttons.add( new UI.Text( 'show' ).setMarginLeft( '3px' ) );
 
 	function update() {
 

Original file line number	Diff line number	Diff line change
`@@ -86,6 +86,7 @@ input.Number {`
`86`	`86`	`#menubar .menu.right {`
`87`	`87`	`float: right;`
`88`	`88`	`cursor: auto;`
	`89`	`+ padding-right: 0px;`
`89`	`90`	`text-align: right;`
`90`	`91`	`}`
`91`	`92`
Original file line number	Diff line number	Diff line change
`@@ -79,6 +79,7 @@ input.Number {`
`79`	`79`	`#menubar .menu.right {`
`80`	`80`	`float: right;`
`81`	`81`	`cursor: auto;`
	`82`	`+ padding-right: 0px;`
`82`	`83`	`text-align: right;`
`83`	`84`	`}`
`84`	`85`