From 7cba0dd1f6e1f21bb7c11c6dbfa2f73878d069ef Mon Sep 17 00:00:00 2001
From: Jeff Schiller <codedread@gmail.com>
Date: Wed, 16 Sep 2009 18:35:09 +0000
Subject: [PATCH] Moving zoom panel to the bottom to give more room at the top

git-svn-id: http://svg-edit.googlecode.com/svn/trunk@658 eee81c28-f429-11dd-99c0-75d572ba1ddd
---
 editor/images/flyup.gif | Bin 0 -> 48 bytes
 editor/svg-editor.css   |   4 ++--
 editor/svg-editor.html  |  44 ++++++++++++++++++++--------------------
 3 files changed, 24 insertions(+), 24 deletions(-)
 create mode 100644 editor/images/flyup.gif

diff --git a/editor/images/flyup.gif b/editor/images/flyup.gif
new file mode 100644
index 0000000000000000000000000000000000000000..c027e137c96c28747708aaf0bf3f137c6b156179
GIT binary patch
literal 48
ycmZ?wbhEHbWM^PuXkcLY|NlP&1B2pE7Dgb&paUX6G7L=YEy<FrPxEmzSOWn1;R#v*

literal 0
HcmV?d00001

diff --git a/editor/svg-editor.css b/editor/svg-editor.css
index feffd545..a2dc7920 100644
--- a/editor/svg-editor.css
+++ b/editor/svg-editor.css
@@ -207,7 +207,7 @@ span.zoom_tool {
 }
 
 #zoom_dropdown button {
-	background: transparent 3px 8px url('images/dropdown.gif') no-repeat;
+	background: transparent 3px 8px url('images/flyup.gif') no-repeat;
 	width: 15px;
 	height: 21px;
 	margin: 6px 0 0 3px;
@@ -232,7 +232,7 @@ span.zoom_tool {
 	margin: 0;
 	padding: 0;
 	left: -93px;
-	top: 30px;
+	bottom: 26px;
 	display: none;
 }
 
diff --git a/editor/svg-editor.html b/editor/svg-editor.html
index 4c73bdf7..d0e00c16 100644
--- a/editor/svg-editor.html
+++ b/editor/svg-editor.html
@@ -57,28 +57,6 @@
 		<div class="tool_button tool_button_disabled" id="tool_redo" title="Redo [Y]"></div>
 	</div>
 	
-    <!-- Zoom buttons -->
-	<div id="zoom_panel">
-		<img class="tool_sep" src="images/sep.png" alt="|"/>
-		<span class="zoom_tool">zoom:</span>
-		<input id="zoom" class="zoom_tool" title="Change zoom level" alt="Zoom %" size="3" value="100" type="text"/>
-		<div id="zoom_dropdown">
-			<button></button>
-			<ul>
-				<li>100%</li>
-				<li data-val="content">Fit to content</li>
-				<li data-val="selection">Fit to selection</li>
-				<li data-val="canvas">Fit to canvas</li>
-				<li>25%</li>
-				<li>50%</li>
-				<li>100%</li>
-				<li>200%</li>
-				<li>400%</li>
-				<li>1000%</li>
-			</ul>
-		</div>
-	</div>
-
 	<!-- Buttons when a single element is selected -->
 	<div id="selected_panel">
 		<img class="tool_sep" src="images/sep.png" alt="|"/>
@@ -248,6 +226,28 @@
 
 <div id="tools_bottom" class="tools_panel">
 
+    <!-- Zoom buttons -->
+	<div id="zoom_panel">
+		<span class="zoom_tool">zoom:</span>
+		<input id="zoom" class="zoom_tool" title="Change zoom level" alt="Zoom %" size="3" value="100" type="text"/>
+		<div id="zoom_dropdown">
+			<button></button>
+			<ul>
+				<li>100%</li>
+				<li data-val="content">Fit to content</li>
+				<li data-val="selection">Fit to selection</li>
+				<li data-val="canvas">Fit to canvas</li>
+				<li>25%</li>
+				<li>50%</li>
+				<li>100%</li>
+				<li>200%</li>
+				<li>400%</li>
+				<li>1000%</li>
+			</ul>
+		</div>
+		<img class="tool_sep" src="images/sep.png" alt="|"/>
+	</div>
+
 	<div id="tools_bottom_2">
 		<table>
 		<tr>