From 9d74e942430781c2fefc8d47a864acf18f5d5e0e Mon Sep 17 00:00:00 2001
From: Timo Dittmann <timo.dittmann@kaufland.com>
Date: Wed, 25 Nov 2020 08:13:00 +0100
Subject: [PATCH] Fix #88: align buttons messed up when multiple objects are
 selected

---
 src/index.html | 36 ++++++++++++++++++++++++++++++------
 1 file changed, 30 insertions(+), 6 deletions(-)

diff --git a/src/index.html b/src/index.html
index 8d1f387..22bf448 100644
--- a/src/index.html
+++ b/src/index.html
@@ -457,12 +457,36 @@
       </label>
       <h4>.</h4>
         <div class="col last clear">
-          <div class="draginput_cell" id="tool_alignleft" title="Align Left"></div>
-          <div class="draginput_cell" id="tool_aligncenter" title="Align Center"></div>
-          <div class="draginput_cell" id="tool_alignright" title="Align Right"></div>
-          <div class="draginput_cell" id="tool_aligntop" title="Align Top"></div>
-          <div class="draginput_cell" id="tool_alignmiddle" title="Align Middle"></div>
-          <div class="draginput_cell" id="tool_alignbottom" title="Align Bottom"></div>
+          <div class="draginput_cell" id="tool_alignleft" title="Align Left">
+            <svg viewBox="0 0 27 27" xmlns="http://www.w3.org/2000/svg" width="27" height="27">
+              <path d="M 2 1 L 2 5 L 14 5 L 14 11 L 2 11 L 2 16 L 20 16 L 20 22 L 2 22 L 2 26 L 1 26 L 1 1 L 2 1 Z" />
+            </svg>
+          </div>
+          <div class="draginput_cell" id="tool_aligncenter" title="Align Center">
+            <svg viewBox="0 0 27 27" xmlns="http://www.w3.org/2000/svg" width="27" height="27">
+              <path d="M 13 1 L 14 1 L 14 6 L 22 6 L 22 12 L 14 12 L 14 15 L 19 15 L 19 21 L 14 21 L 14 26 L 13 26 L 13 21 L 8 21 L 8 15 L 13 15 L 13 12 L 5 12 L 5 6 L 13 6 L 13 1 Z" />
+            </svg>
+          </div>
+          <div class="draginput_cell" id="tool_alignright" title="Align Right">
+            <svg viewBox="0 0 27 27" xmlns="http://www.w3.org/2000/svg" width="27" height="27">
+              <path d="M 25 1 L 25 5 L 13 5 L 13 11 L 25 11 L 25 16 L 7 16 L 7 22 L 25 22 L 25 26 L 26 26 L 26 1 L 25 1 Z"/>
+            </svg>
+          </div>
+          <div class="draginput_cell" id="tool_aligntop" title="Align Top">
+            <svg viewBox="0 0 27 27" xmlns="http://www.w3.org/2000/svg" width="27" height="27">
+              <path d="M 1 2 L 5 2 L 5 14 L 11 14 L 11 2 L 16 2 L 16 20 L 22 20 L 22 2 L 26 2 L 26 1 L 1 1 L 1 2 Z"/>
+            </svg>
+          </div>
+          <div class="draginput_cell" id="tool_alignmiddle" title="Align Middle">
+            <svg viewBox="0 0 27 27" xmlns="http://www.w3.org/2000/svg" width="27" height="27">
+              <path d="M 26 13 L 26 14 L 21 14 L 21 22 L 15 22 L 15 14 L 12 14 L 12 19 L 6 19 L 6 14 L 1 14 L 1 13 L 6 13 L 6 8 L 12 8 L 12 13 L 15 13 L 15 5 L 21 5 L 21 13 L 26 13 Z"/>
+            </svg>
+          </div>
+          <div class="draginput_cell" id="tool_alignbottom" title="Align Bottom">
+            <svg viewBox="0 0 27 27" xmlns="http://www.w3.org/2000/svg" width="27" height="27">
+              <path d="M 1 25 L 5 25 L 5 13 L 11 13 L 11 25 L 16 25 L 16 7 L 22 7 L 22 25 L 26 25 L 26 26 L 1 26 L 1 25"/>
+            </svg>
+          </div>
         </div>
     </div>
     <div class="clearfix"></div>