From 9d68f75f3a63c96418c3fefbda7e0e583dacb27c Mon Sep 17 00:00:00 2001
From: Pavol Rusnak <stick@gk2.sk>
Date: Wed, 10 Jun 2009 08:59:08 +0000
Subject: [PATCH] enhance UI

git-svn-id: http://svg-edit.googlecode.com/svn/trunk@90 eee81c28-f429-11dd-99c0-75d572ba1ddd
---
 editor/images/delete.png | Bin 1294 -> 1551 bytes
 editor/svg-editor.css    |  16 +++++++++++----
 editor/svg-editor.html   |  41 +++++++++++++++++++++++----------------
 3 files changed, 36 insertions(+), 21 deletions(-)

diff --git a/editor/images/delete.png b/editor/images/delete.png
index d586098e21af5522ef434594c16e726adc098f54..65b5fb73210f3d73084e23c86ae46296a2ac32bf 100644
GIT binary patch
delta 1462
zcmV;n1xfmj3XcqsDu4a}{s8{#7}SCQ000SaNLh0L01egv01egwkZ*aM00009c5p#w
z0000O0000O0C-HLrT_p16G=otR7l6QlwE9GM-|6^bLZZ>dw190A88`f20Jl{Q_`Rc
z+BAg_+J+=;R3Q|;Dqbpt1d2qFc;t<DBqW3?C`IC-5SdD-AAgE~3ROU%BA~WPyh&=4
zG)-!|w%6Wx_xgU#nc*R8gK;I4hn|-iozcv1&YA!G;X@Afzll>{{-Oe&Iq->lpS*dq
z$<-_W`t{_Q=fB!n`{k$ZJNWf5EK#32pD!;rUIKnFdFJ^y|1aR=sc<9;?|#Y2;5`Qp
z9Ol@Gll<c6KYwL*?i^i}QP$FVj9sDRkMr%*PhlNgs!#EUSI&^zKcVQxQ;`iyYd=oY
z*7shV%nJa29S}ubKN{>A-~Y8Io?>KVgi5*0qmMn#`8V%m_paSc)h__xX^rm(q*=z$
z&@el;?<EZP^ZwjCLqo&fV&m%Rj91=*{8<3qx&5G0>VIji_WOqpKEU|c7&u2M2=KIK
zVq${fZQJPY8(`1G-H3DKS%!$v+uKj8+2pf_kMPJNN6AuAv$OHhef#cB>r)s1<^gCO
zezUK3BKX{qhnU#2mn2C@k_6xP85<pCetw>It4&m?p#6YWYn4{3MPUrJYLzd2<q016
z%we4NX@9RJRLUQT9P#mu7KLHyTixBm-r2J+^TG?iy)BiDjqT#T`|n5lKIN#wLk}P0
z@}-Le<*A+xfQVE+f9w$3h9?l`&`ROf-`_b<pq$&3bDiApet(ww)CKlT>?6-}9N-6<
zEKj;N07aghe)^dwpA#{+t@Dz1h=-4!pxus1(|?55{`@Mf_O#1n^}Cy7`i<{YmyRDl
zJWvWt7;%U=#8~o7NHZbNEm<lgYXxhuVJ$JF3H0|I<H1iK;U9m0o$J@%q1n7jwfCPh
z&;De2_a>QwS}Ae{qDT{XLJ%mxqg3{YjE^ZS&V?w-Bxy{VBrGi|h6hG@{jYyve&IDL
z-G2quo@G{A+3fnM8vy6jQc<wWQ$FIPlXEx+&N`}<9T;QTHgFH%bK%li!mz~D`M1dP
z8{D<a&{Z9z9S1a;(;EP9eImxq=eeMD$bX<<twZYy)#whwpvJqi=LmutAK&{01_lDU
z`mXY^eIC6%+o{zCvDRUXeRoR*#@P3=%zvQ063_x5@VkjheJIK_SFd43GuS^);78yx
zJneJW&Kky8L<+RlWLc7n*sU$fb9paKbJ2dJ$-whMJTGG8jtB9)GFPs>N*u4S)R<vz
z{%vrYz^_o`EsElnJhcu<(=}s-g)IOpZn3=@XJOD?DVGLODnL;|dnJ|{mr-bp7=Mfr
zj99v=LzGMXSh+zQw*iOteA=y>Vy%0BE5Ndt=SV5+BTbhurodALak9ihqfTxFV{%Xd
zz1=%lXk4SGW{KBU5L@7!0~D=z6|o;wfn{-}dD8)iEf6bY#R?0J3-tBvrrm0grPtXx
zauB6LqVf=?FwD-)aO;CQz!Ar7-+u}pP=T=6Y&Jcd!-_$S!H6Ym&0<ASm<;8G1Ys2^
z44(3N=f*kGEXFy9)*(faQWO$8M`H^>EQ@iRmc*u5r!dwaMli;*xIBZ&g~C{-Xa0!q
zcX55Tjwu9dJC+efBx#JZDt&P>>jjoK0bc%1UOsusUz(Yo-u}_ial{BB4qPL)1M1j^
zIIM-8BcDX9#kqBvXVfpgL7u5Az?~f%YW$Z~z}$`EhtK_L^7|sv<JNcHMp&yazg^FN
z*7?BMCbR3zyMP*y-1h0WA_8(?wKIPB@o##It@Sh-+}x9(1SJeIH!CnOIxsNK7QU*J
z(F7$uGB+zQFgh?Wk*CO>0000PbVXQnQ*UN;cVTj60C#tHE@^ISb7Ns}WiD@WXPfRk
Q8UO$Q07*qoM6N<$g6=fa)Bpeg

delta 1204
zcmV;l1WWsm42}wrDt`a~0002_L%V+f000SaNLh0L0309y0309z%@3QN00009c5p#w
z0000O0000O0C-HLrT_p0H%UZ6R7l6YlwC+1R}{zpclOTCY*v%_u`y;>-9npKni$)X
zYD7a4ZD~s%LO@!Iq%VR}n^yXu!j={bfg}xRDMCm?9zrO71b<@<B`u~B(-dnTYD!Gf
zNGryw+qhYEzh`Ieo!bXj5LwrKX%Ae6ne*{G|2yYi;6FB!>|@85=SEG_EH@0Js;$Ly
zXQSlPXHPW)=ulPLT=Rz?yOPC7$&w^VDm!qX47oYEL#et`RrQNE-*^j>Bsou?J#{TD
zfZc9?|Fu_NCx7n3XJC;m>em;~w<k;ds;jfxxywnjwrAr|)nV+++qo|-0AtLVo8tfg
zR2@1D0G=c&i{kP4+vQ~y;G9EMRYanZg0ukfczkm3`Zd#PwL+#c^78U6SH8JCyf!8?
zGjrfzc?B5bkR%DWMt(#n6lzTi0N|MKsgGz{3_=K$?0?&ja5!{iP4|_Y^HP_y5JCt%
zS$KkYTwiW$@pPsIXlwC225@O$uwU5ib_gNx;{KP>+t>XF05UQ%zB_uP28=OKN-=VK
z7_nHibfZB?rT}d%o_bBw0uTSVF9;#X&2=CY3husm=|boBZCP7Y#Ree+#_#?HMNxVZ
zO{EV=SbyU$W20otmX%@$%PWzYnfXycVG)E7kR*cHxf%UrQ}a71YHSQ>Yw`4$raAJ{
zo!h3xVu38nP!tuMF%UxV!_fB#g+kTX#H3C9@BKCPrvMQULZEo}^N2*kn3|pfwOAgc
zI_0ZoN#(pbG#sd|Icoc7a<a0xq!fl>K-YEnAAdf;iN>ZKn-xz-0g69q*W=UEnD~7h
z#l^)W77D>P`3M76YkN9?q?g?lz`adX+a*G3<BX|$_r5^<HXHsP`xOOcuOKHD!^FgW
zp-`%sLi7bR?Xx;yIxWC})!HaqET0x-W#y}~3|U$cIW{vR67iy}u#f<NVVckk1CN)M
zynhDgpC8lp^C`Ee-{q{~LbUF2IP#ZcG5>_uyX22Xu@DYJ=ll$<J$^yw{LDf)41Y9=
z39ol)ITrKpaX9k15Uu?#XHDvV5RKMXxZQ4lB!Y!-xL4=A%O=a14+dcZcaL}XH2@f&
z4+deAW$2uDEri3p{zwEBZnqoJXnkscVShZUQi_PKGau)J3Z)Hps}&L<b0>i70Mt6*
zTZxc4yVVMX(gq*rgArY4Dy0y*{@nU)r)y!vV6LF1VXLa5gwh+X>}-tB&--Q=>jmHh
zAOK*7u^xE6buYPGJ7yObZ^)Fgpr%1$+zCJhU;y9%#Hs=UK(bPLc{UJ0hAdN?qJQ9?
z*Na6Ve*S>5J^<N?<!EB;>Qf;`?|HqjDGD-Vna&0RFe&W@pkU>Ek@Zt#0YI;+YKtU9
zwJ8Mg3UTwKVe}__<~r4^gVNevl2lCz;c-H4y{l>G0I;<R){iM!Rg+j0fV{2|De-P5
zit#m1B(~AS|7HIIrNh^qYW9*a0F!+MBn&Y$D=;uRFfeg(qtuhF1tl0UG%GMLIxsLU
Sz}4UY0000<MNUMnLSTZH@FrFO

diff --git a/editor/svg-editor.css b/editor/svg-editor.css
index 25927e55..9e0e0663 100644
--- a/editor/svg-editor.css
+++ b/editor/svg-editor.css
@@ -69,22 +69,30 @@
 	background: #E8E8E8;
 	border: 1px solid #808080;
 	padding: 4px;
-	float:left;
-	clear:both;
+	float: left;
+	clear: both;
 }
 
 #context_tools {
-	width: 800px;
+	width: 705px;
 	height: 34px;
+	border-bottom: none;
+}
+
+#tools {
+	border-right: none;
+	height: 504px;
+	width: 64px;
 }
 
 #tool_delete {
 	display: none;
 }
 
-#text_panel { 
+#text_panel {
 	display: none;
 }
+
 #text_panel .text_tool {
 	vertical-align:12px;
 }
diff --git a/editor/svg-editor.html b/editor/svg-editor.html
index 06562b4c..e9f74a0a 100644
--- a/editor/svg-editor.html
+++ b/editor/svg-editor.html
@@ -62,8 +62,10 @@
 			<option value="32pt">32pt</option>
 			<option value="48pt">48pt</option>
 			<option value="64pt">64pt</option>
+			<option value="72pt">72pt</option>
 			<option value="80pt">80pt</option>
-			<option value="100pt">100pt</option>
+			<option value="96pt">96pt</option>
+			<option value="120pt">120pt</option>
 		</select>
 		<input id="text" class="text_tool" type="text" title="Change text contents" size="40"/>
 	</div>
@@ -76,7 +78,27 @@
 <img class="tool_button" id="tool_line" src="images/line.png" title="Line Tool [3]" alt="Line"/><br/>
 <img class="tool_button" id="tools_rect_show" src="images/square.png" title="Square/Rect Tool [4/Shift+4]" alt="Square"/><br/>
 <img class="tool_button" id="tools_ellipse_show" src="images/circle.png" title="Circle/Ellipse Tool [5/Shift+5]" alt="Circle"/><br/>
-<img class="tool_button" id="tool_text" src="images/text.png" title="Text Tool [6]" alt="Text"/><hr/>
+<img class="tool_button" id="tool_text" src="images/text.png" title="Text Tool [6]" alt="Text"/>
+
+<hr/>
+
+<div>opacity<br/>
+<select id="group_opacity" title="Change group opacity">
+<option selected="selected" value="1">100 %</option>
+<option value="0.9">90 %</option>
+<option value="0.8">80 %</option>
+<option value="0.7">70 %</option>
+<option value="0.6">60 %</option>
+<option value="0.5">50 %</option>
+<option value="0.4">40 %</option>
+<option value="0.3">30 %</option>
+<option value="0.2">20 %</option>
+<option value="0.1">10 %</option>
+</select>
+</div>
+
+<hr/>
+
 
 <div>fill
 <div id="fill_color" title="Change fill color"></div>
@@ -129,21 +151,6 @@
 <option value="0.1">10 %</option>
 </select>
 </div>
-<hr/>
-<div>opacity<br/>
-<select id="group_opacity" title="Change group opacity">
-<option selected="selected" value="1">100 %</option>
-<option value="0.9">90 %</option>
-<option value="0.8">80 %</option>
-<option value="0.7">70 %</option>
-<option value="0.6">60 %</option>
-<option value="0.5">50 %</option>
-<option value="0.4">40 %</option>
-<option value="0.3">30 %</option>
-<option value="0.2">20 %</option>
-<option value="0.1">10 %</option>
-</select>
-</div>
 </div>
 
 </div>