Editor: Menubar titles no longer limited to 50px.

editor/css/dark.css

@@ -45,24 +45,25 @@ input.Number {
 	position: absolute;
 	width: 100%;
 	height: 32px;
-	background-color: #111;
+	background: #111;
 	padding: 0px;
 	margin: 0px;
 }
 
 	#menubar .menu {
 		float: left;
-		width: 50px;
 		cursor: pointer;
+		padding-right: 8px;
 	}
 
 	#menubar .menu.right {
 		float: right;
-		width: 100px;
+		cursor: auto;
 		text-align: right;
 	}
 
 		#menubar .menu .title {
+			display: inline-block;
 			color: #888;
 			margin: 0px;
 			padding: 8px;
@@ -70,10 +71,10 @@ input.Number {
 
 		#menubar .menu .options {
 			display: none;
+			position: absolute;
 			padding: 5px 0px;
-			background-color: #111;
+			background: #111;
 			width: 140px;
-			border-top: solid 1px #1D1D1D;
 		}
 
 		#menubar .menu:hover .options {

editor/css/light.css

@@ -53,17 +53,18 @@ input.Number {
 
 	#menubar .menu {
 		float: left;
-		width: 50px;
 		cursor: pointer;
+		padding-right: 8px;
 	}
 
 	#menubar .menu.right {
 		float: right;
-		width: 100px;
+		cursor: auto;
 		text-align: right;
 	}
 
 		#menubar .menu .title {
+			display: inline-block;
 			color: #888;
 			margin: 0px;
 			padding: 8px;
@@ -71,6 +72,7 @@ input.Number {
 
 		#menubar .menu .options {
 			display: none;
+			position: absolute;
 			padding: 5px 0px;
 			background: #eee;
 			width: 140px;

editor/js/Menubar.Status.js

@@ -5,18 +5,18 @@ Menubar.Status = function ( editor ) {
 
 	var title = new UI.Panel();
 	title.setClass( 'title' );
-	title.setTextContent( '' );
+	title.setTextContent( '...' );
 	container.add( title );
 
 	editor.signals.savingStarted.add( function () {
 
-		title.setTextContent( '...' );
+		title.setTextContent( 'Saving' );
 
 	} );
 
 	editor.signals.savingFinished.add( function () {
 
-		title.setTextContent( '' );
+		title.setTextContent( 'Saved' );
 
 	} );