Made more improvements to main menu (works OK on icon size changes now)

git-svn-id: http://svg-edit.googlecode.com/svn/trunk@1210 eee81c28-f429-11dd-99c0-75d572ba1ddd

editor/svg-editor.css

@@ -239,9 +239,16 @@
 }
 
 #svg_editor #main_icon {
-	padding: 0px;
+	position: relative;
+	top: -2px;
+	left: -2px;
+	padding: 1px 0 2px 1px;
 	width: 44px;
 	height: 30px;
+	border-left: 1px solid #EEE;
+	border-top: 1px solid #EEE;
+	border-right: 1px solid #CCC;
+	border-bottom: 1px solid #CCC;
 	border-radius: 8px;
 	-moz-border-radius: 8px;
 	-webkit-border-radius: 8px;
@@ -249,10 +256,6 @@
 
 #svg_editor #main_icon:hover,
 #svg_editor #main_icon.down {
-	top: -2px;
-	left: -2px;
-	position: relative;
-	padding: 1px 0 2px 1px;
 	border-left: 1px #fcd9ba solid;
 	border-top: 1px #fcd9ba solid;
 	border-right: 1px #e0a874 solid;
@@ -333,7 +336,7 @@
 }
 
 #svg_editor #main_button .dropdown {
-	padding-top: 10px;
+	padding-top: 28%;
 	margin-left: -1px;
 }
 

editor/svg-editor.html

@@ -74,8 +74,8 @@ script type="text/javascript" src="locale/locale.min.js"></script-->
 	<div id="sidepanel_handle" onselectstart="return false;" title="Drag left/right to resize side panel [X]">L a y e r s</div>
 </div>
 
-<div id="main_button" title="Main Menu">
-	<div id="main_icon">
+<div id="main_button">
+	<div id="main_icon" title="Main Menu">
 		<span></span>
 		<div id="logo"></div>
 		<div class="dropdown"></div>

editor/svg-editor.js

@@ -1287,8 +1287,12 @@ function svg_edit_setup() {
 				'height': {s: '16px', l: '32px', xl: '48px'},
 				'margin': {s: '2px 2px', l: '2px 5px', xl: '2px 8px'}
 			},
+			"#main_icon": {
+				'width': {s: '31px', l: '53px', xl: '75px'},
+				'height': {s: '22px', l: '42px', xl: '64px'}
+			},
 			"#tools_top": {
-				'left': {s: '35px', l: '50px', xl: '70px'},
+				'left': {s: '36px', l: '60px', xl: '80px'},
 				'height': {s: '50px', l: '88px', xl: '125px'}
 			},
 			"#tools_left": {