From c10373a5ae340d9b8d954c19b7e52bb46e305365 Mon Sep 17 00:00:00 2001
From: Jeff Schiller <codedread@gmail.com>
Date: Tue, 15 Sep 2009 13:41:06 +0000
Subject: [PATCH] Undo/Redo and separator now divs with background-image

git-svn-id: http://svg-edit.googlecode.com/svn/trunk@647 eee81c28-f429-11dd-99c0-75d572ba1ddd
---
 editor/svg-editor.css  |  3 +++
 editor/svg-editor.html | 20 ++++++++++----------
 2 files changed, 13 insertions(+), 10 deletions(-)

diff --git a/editor/svg-editor.css b/editor/svg-editor.css
index 6e2ada99..2722efeb 100644
--- a/editor/svg-editor.css
+++ b/editor/svg-editor.css
@@ -257,6 +257,9 @@ div.color_block {
 #svg_editor #tool_alignleft { background: 2px 2px url('images/align-left.png') no-repeat; }
 #svg_editor #tool_aligncenter { background: 2px 2px url('images/align-center.png') no-repeat; }
 #svg_editor #tool_alignright { background: 2px 2px url('images/align-right.png') no-repeat; }
+#svg_editor .tool_sep { background: 2px 2px url('images/sep.png') no-repeat; }
+#svg_editor #tool_undo { background: 2px 2px url('images/undo.png') no-repeat; }
+#svg_editor #tool_redo { background: 2px 2px url('images/redo.png') no-repeat; }
 
 /* TODO: figure out what more-specific selector causes me to write this atrocity and not
          simply .tool_flyout_button */
diff --git a/editor/svg-editor.html b/editor/svg-editor.html
index a0e5fa92..3686bb8d 100644
--- a/editor/svg-editor.html
+++ b/editor/svg-editor.html
@@ -51,10 +51,10 @@
 	</div>
 
     <!-- History buttons -->
-	<div>
-		<img class="tool_sep" src="images/sep.png" alt="|"/>
-		<img class="tool_button tool_button_disabled" id="tool_undo" src="images/undo.png" title="Undo [Z]" alt="Undo" />
-		<img class="tool_button tool_button_disabled" id="tool_redo" src="images/redo.png" title="Redo [Y]" alt="Redo"/>
+	<div id="history_panel">
+		<div class="tool_sep" alt="|"></div>
+		<div class="tool_button tool_button_disabled" id="tool_undo" title="Undo [Z]"></div>
+		<div class="tool_button tool_button_disabled" id="tool_redo" title="Redo [Y]"></div>
 	</div>
 
 	<!-- Buttons when a single element is selected -->
@@ -89,12 +89,12 @@
 		<img class="tool_button" id="tool_clone_multi" src="images/clone.png" title="Clone Elements [C]" alt="Clone"/>
 		<img class="tool_button" id="tool_delete_multi" src="images/delete.png" title="Delete Selected Elements [Delete/Backspace]" alt="Delete"/>
 		<img class="tool_sep" src="images/sep.png" alt="|"/>
-		<div class="tool_button" id="tool_alignleft" title="Align Left" alt="Left"></div>
-		<div class="tool_button" id="tool_aligncenter" title="Align Center" alt="Center"></div>
-		<div class="tool_button" id="tool_alignright" title="Align Right" alt="Right"></div>
-		<div class="tool_button" id="tool_aligntop" title="Align Top" alt="Top"></div>
-		<div class="tool_button" id="tool_alignmiddle" title="Align Middle" alt="Middle"></div>
-		<div class="tool_button" id="tool_alignbottom" title="Align Bottom" alt="Bottom"></div>
+		<div class="tool_button" id="tool_alignleft" title="Align Left"></div>
+		<div class="tool_button" id="tool_aligncenter" title="Align Center"></div>
+		<div class="tool_button" id="tool_alignright" title="Align Right"></div>
+		<div class="tool_button" id="tool_aligntop" title="Align Top"></div>
+		<div class="tool_button" id="tool_alignmiddle" title="Align Middle"></div>
+		<div class="tool_button" id="tool_alignbottom" title="Align Bottom"></div>
 		<span class="selected_tool">relative to:</span>
 		<select id="align_relative_to" class="selected_tool" title="Align relative to ...">
 		<option value="selected">selected objects</option>