From 0b4d70635cf6a2a4eae7865e44d291598e79d697 Mon Sep 17 00:00:00 2001
From: Guillaume Fay <guillaume_fay@hotmail.com>
Date: Thu, 8 Feb 2024 10:10:17 +0100
Subject: [PATCH] fix: add sticky buttons to toponyme editor

---
 components/bal/toponyme-editor.js | 20 ++++++++++++++++----
 1 file changed, 16 insertions(+), 4 deletions(-)

diff --git a/components/bal/toponyme-editor.js b/components/bal/toponyme-editor.js
index ba203bf32..afc9386bc 100644
--- a/components/bal/toponyme-editor.js
+++ b/components/bal/toponyme-editor.js
@@ -147,21 +147,33 @@ function ToponymeEditor({initialValue, commune, closeForm}) {
         )}
       </Pane>
 
-      <Pane>
-        <Button isLoading={isLoading} type='submit' appearance='primary' intent='success'>
+      <div className='toponyme-editor-controls'>
+        <Button isLoading={isLoading} type='submit' appearance='primary' intent='success' boxShadow="0 0 1px rgba(67, 90, 111, 0.3), 0 5px 8px -4px rgba(67, 90, 111, 0.47)">
           {submitLabel}
         </Button>
 
         <Button
           disabled={isLoading}
-          appearance='minimal'
+          appearance='default'
           marginLeft={8}
           display='inline-flex'
           onClick={onFormCancel}
+          boxShadow="0 0 1px rgba(67, 90, 111, 0.3), 0 5px 8px -4px rgba(67, 90, 111, 0.47)"
         >
           Annuler
         </Button>
-      </Pane>
+      </div>
+
+      <style jsx>{`
+        .toponyme-editor-controls {
+          position: sticky;
+          bottom: 0;
+          display: flex;
+          padding: 10px;
+          align-items: center;
+          justify-content: center;
+        }
+      `}</style>
     </Form>
   )
 }