From 5807cfbbcdf3b4d64838525bb3affa037e15b27a Mon Sep 17 00:00:00 2001
From: Yohan Boniface <yohanboniface@free.fr>
Date: Fri, 28 Mar 2025 16:13:54 +0100
Subject: [PATCH] wip: move undo/redo buttons to the left

Co-authored-by: David Larlet <david@larlet.fr>
---
 umap/static/umap/css/bar.css          |  2 --
 umap/static/umap/js/modules/ui/bar.js | 16 ++++++++--------
 2 files changed, 8 insertions(+), 10 deletions(-)

diff --git a/umap/static/umap/css/bar.css b/umap/static/umap/css/bar.css
index 0f2a99ce..96f00495 100644
--- a/umap/static/umap/css/bar.css
+++ b/umap/static/umap/css/bar.css
@@ -111,8 +111,6 @@
 .umap-right-edit-toolbox {
     display: flex;
     column-gap: 10px;
-}
-.umap-right-edit-toolbox {
     align-items: center;
 }
 
diff --git a/umap/static/umap/js/modules/ui/bar.js b/umap/static/umap/js/modules/ui/bar.js
index 78d5eae4..496954de 100644
--- a/umap/static/umap/js/modules/ui/bar.js
+++ b/umap/static/umap/js/modules/ui/bar.js
@@ -11,6 +11,14 @@ const TOP_BAR_TEMPLATE = `
         <div class="logo"><a class="" href="/" title="${translate('Go to the homepage')}">uMap</a></div>
         <button class="map-name flat" type="button" data-ref="name"></button>
         <button class="share-status flat" type="button" data-ref="share"></button>
+        <button class="edit-undo round" type="button" data-ref="undo" disabled>
+            <i class="icon icon-16 icon-undo"></i>
+            <span class="">${translate('Undo')}</span>
+        </button>
+        <button class="edit-redo round" type="button" data-ref="redo" disabled>
+            <i class="icon icon-16 icon-redo"></i>
+            <span class="">${translate('Redo')}</span>
+        </button>
     </div>
     <div class="umap-right-edit-toolbox" data-ref="right">
         <button class="connected-peers round" type="button" data-ref="peers">
@@ -22,14 +30,6 @@ const TOP_BAR_TEMPLATE = `
           <span class="username" data-ref="username"></span>
         </button>
         <button class="umap-help-link flat" type="button" title="${translate('Help')}" data-ref="help">${translate('Help')}</button>
-        <button class="edit-undo round" type="button" data-ref="undo" disabled>
-            <i class="icon icon-16 icon-undo"></i>
-            <span class="">${translate('Undo')}</span>
-        </button>
-        <button class="edit-redo round" type="button" data-ref="redo" disabled>
-            <i class="icon icon-16 icon-redo"></i>
-            <span class="">${translate('Redo')}</span>
-        </button>
         <button class="edit-disable round disabled-on-dirty" type="button" data-ref="view">
             <i class="icon icon-16 icon-eye"></i>
             <span class="">${translate('View')}</span>