From 71c9c0bf652556c831d7378bf2d64abf2ccafc9d Mon Sep 17 00:00:00 2001
From: mathieucura <mathieu@optimistik.fr>
Date: Sat, 16 Jan 2021 22:31:49 +0100
Subject: [PATCH] Rework menu organisation

---
 src/editor/index.html | 40 ++++++++++++++++++++--------------------
 1 file changed, 20 insertions(+), 20 deletions(-)

diff --git a/src/editor/index.html b/src/editor/index.html
index 34649edc..a12f52ac 100644
--- a/src/editor/index.html
+++ b/src/editor/index.html
@@ -97,8 +97,8 @@
           <se-button id="tool_reorient" title="Reorient path" src="./images/reorient.svg"></se-button>
           <se-button id="tool_make_link" title="Make (hyper)link" src="./images/globe_link.svg"></se-button>
           <div class="tool_sep"></div>
-          <se-input id="elem_id" data-attr="id" size="10" label="id:" title="Identify the element"></se-input>
-          <se-input id="elem_class" data-attr="class" size="10" label="class:" title="Element class"></se-input>
+          <se-input id="elem_id" data-attr="id" size="10" label="id" title="Identify the element"></se-input>
+          <se-input id="elem_class" data-attr="class" size="10" label="class" title="Element class"></se-input>
         </div>
         <se-spin-input size="3" id="angle" min=-180 max=180 step=5 src="./images/angle.svg"
           title="Change rotation angle"></se-spin-input>
@@ -125,9 +125,9 @@
           </se-list-item>
         </se-list>
         <div id="xy_panel" class="toolset">
-          <se-spin-input id="selected_x" data-attr="x" size="4" type="text" label="x:" title="Change X coordinate">
+          <se-spin-input id="selected_x" data-attr="x" size="4" type="text" label="x" title="Change X coordinate">
           </se-spin-input>
-          <se-spin-input id="selected_y" data-attr="y" size="4" type="text" label="y:" title="Change Y coordinate">
+          <se-spin-input id="selected_y" data-attr="y" size="4" type="text" label="y" title="Change Y coordinate">
           </se-spin-input>
         </div>
       </div> <!-- selected_panel -->
@@ -157,9 +157,9 @@
       </div> <!-- multiselected_panel -->
       <div id="rect_panel">
         <div class="toolset">
-          <se-spin-input id="rect_width" data-attr="width" size="4" src="./images/width.svg"
+          <se-spin-input id="rect_width" data-attr="width" size="4" label="w"
             title="Change rectangle width"></se-spin-input>
-          <se-spin-input id="rect_height" data-attr="height" size="4" src="./images/height.svg"
+          <se-spin-input id="rect_height" data-attr="height" size="4" label="h"
             title="Change rectangle height"></se-spin-input>
         </div>
         <se-spin-input id="rect_rx" min=0 max=1000 step=1 size="3" title="Change Rectangle Corner Radius"
@@ -167,9 +167,9 @@
       </div> <!-- rect_panel -->
       <div id="image_panel">
         <div class="toolset">
-          <se-spin-input id="image_width" data-attr="width" size="4" type="text" src="./images/width.svg"
+          <se-spin-input id="image_width" data-attr="width" size="4" type="text" label="w"
             title="Change image width"></se-spin-input>
-          <se-spin-input id="image_height" data-attr="height" size="4" type="text" src="./images/height.svg"
+          <se-spin-input id="image_height" data-attr="height" size="4" type="text" label="h"
             title="Change image height"></se-spin-input>
         </div>
         <div class="toolset">
@@ -185,36 +185,36 @@
       </div> <!-- image_panel -->
       <div id="circle_panel">
         <div class="toolset">
-          <se-spin-input id="circle_cx" data-attr="cx" size="4" label="cx:"></se-spin-input>
-          <se-spin-input id="circle_cy" data-attr="cy" size="4" label="cy:"></se-spin-input>
+          <se-spin-input id="circle_cx" data-attr="cx" size="4" label="cx"></se-spin-input>
+          <se-spin-input id="circle_cy" data-attr="cy" size="4" label="cy"></se-spin-input>
         </div>
         <div class="toolset">
-          <se-spin-input id="circle_r" data-attr="r" size="4" label="r:"></se-spin-input>
+          <se-spin-input id="circle_r" data-attr="r" size="4" label="r"></se-spin-input>
         </div>
       </div> <!-- circle_panel -->
       <div id="ellipse_panel">
         <div class="toolset">
-          <se-spin-input id="ellipse_cx" data-attr="cx" size="4" title="Change ellipse's cx coordinate" label="cx:">
+          <se-spin-input id="ellipse_cx" data-attr="cx" size="4" title="Change ellipse's cx coordinate" label="cx">
           </se-spin-input>
-          <se-spin-input id="ellipse_cy" data-attr="cy" size="4" title="Change ellipse's cy coordinate" label="cy:">
+          <se-spin-input id="ellipse_cy" data-attr="cy" size="4" title="Change ellipse's cy coordinate" label="cy">
           </se-spin-input>
         </div>
         <div class="toolset">
-          <se-spin-input id="ellipse_rx" data-attr="rx" size="4" title="Change ellipse's x radius" label="rx:">
+          <se-spin-input id="ellipse_rx" data-attr="rx" size="4" title="Change ellipse's x radius" label="rx">
           </se-spin-input>
-          <se-spin-input id="ellipse_ry" data-attr="ry" size="4" title="Change ellipse's y radius" label="ry:">
+          <se-spin-input id="ellipse_ry" data-attr="ry" size="4" title="Change ellipse's y radius" label="ry">
           </se-spin-input>
         </div>
       </div> <!-- ellipse_panel -->
       <div id="line_panel">
         <div class="toolset">
-          <se-spin-input id="line_x1" data-attr="x1" size="4" title="Change line's starting x coordinate" label="x1:">
+          <se-spin-input id="line_x1" data-attr="x1" size="4" title="Change line's starting x coordinate" label="x1">
           </se-spin-input>
-          <se-spin-input id="line_y1" data-attr="y1" size="4" title="Change line's starting y coordinate" label="y1:">
+          <se-spin-input id="line_y1" data-attr="y1" size="4" title="Change line's starting y coordinate" label="y1">
           </se-spin-input>
-          <se-spin-input id="line_x2" data-attr="x2" size="4" title="Change line's ending x coordinate" label="x2:">
+          <se-spin-input id="line_x2" data-attr="x2" size="4" title="Change line's ending x coordinate" label="x2">
           </se-spin-input>
-          <se-spin-input id="line_y2" data-attr="y2" size="4" title="Change line's ending y coordinate" label="y2:">
+          <se-spin-input id="line_y2" data-attr="y2" size="4" title="Change line's ending y coordinate" label="y2">
           </se-spin-input>
         </div>
       </div> <!-- line_panel -->
@@ -249,7 +249,7 @@
         <div class="tool_sep"></div>
         <!-- Add viewBox field here? -->
         <label id="group_title" title="Group identification label">
-          <span>label:</span>
+          <span>label</span>
           <input id="g_title" data-attr="title" size="10" type="text" />
         </label>
       </div> <!-- container_panel -->