From bd82f796adbb72b2b4236dc3b5ef0539ae2dd8a4 Mon Sep 17 00:00:00 2001
From: Vincent Fretin <vincent.fretin@gmail.com>
Date: Wed, 11 Dec 2024 15:48:39 +0100
Subject: [PATCH] less moving parts during the saved animation

---
 src/editor/components/scenegraph/Toolbar.js | 28 ++++++++++++++-------
 1 file changed, 19 insertions(+), 9 deletions(-)

diff --git a/src/editor/components/scenegraph/Toolbar.js b/src/editor/components/scenegraph/Toolbar.js
index 36a5dbbf..e426cd3f 100644
--- a/src/editor/components/scenegraph/Toolbar.js
+++ b/src/editor/components/scenegraph/Toolbar.js
@@ -279,29 +279,38 @@ export default class Toolbar extends Component {
               <div className="col-span-2 flex items-center justify-end gap-2">
                 <Button
                   leadingIcon={<Edit24Icon />}
-                  onClick={this.newHandler}
-                  disabled={this.state.isSavingScene}
+                  onClick={
+                    !this.state.isSavingScene ? this.newHandler : undefined
+                  }
                   variant="toolbtn"
                 >
                   <div>New</div>
                 </Button>
                 {this.props.currentUser ? (
                   <div
-                    className="saveButtonWrapper relative w-24"
+                    className="saveButtonWrapper relative"
                     ref={this.saveButtonRef}
                   >
                     {this.state.savedScene ? (
-                      <Button variant="filled">
-                        <div>Saved</div>
+                      <Button
+                        leadingIcon={<Save24Icon />}
+                        variant="filled"
+                        className="min-w-[110px]"
+                      >
+                        <div className="grow">Saved</div>
                       </Button>
                     ) : (
                       <Button
                         leadingIcon={<Save24Icon />}
-                        onClick={this.toggleSaveActionState.bind(this)}
-                        disabled={this.state.isSavingScene}
+                        onClick={
+                          !this.state.isSavingScene
+                            ? this.toggleSaveActionState.bind(this)
+                            : undefined
+                        }
                         variant="toolbtn"
+                        className="min-w-[110px]"
                       >
-                        <div>Save</div>
+                        <div className="grow">Save</div>
                       </Button>
                     )}
                     {this.state.isSaveActionActive && (
@@ -335,8 +344,9 @@ export default class Toolbar extends Component {
                     onClick={this.handleUnsignedSaveClick}
                     disabled={this.state.isSavingScene}
                     variant="toolbtn"
+                    className="min-w-[110px]"
                   >
-                    <div>Save</div>
+                    <div className="grow">Save</div>
                   </Button>
                 )}
                 {this.state.showLoadBtn && (