From 5608c4283ae7c85a845d7178ac7380d6b19f90bb Mon Sep 17 00:00:00 2001
From: Vincent Fretin <vincent.fretin@gmail.com>
Date: Tue, 10 Sep 2024 12:18:22 +0200
Subject: [PATCH] make the whole 'Upload 3DStreet JSON File' button clickable

---
 .../ScenesModal/ScenesModal.component.jsx     | 29 +++++++++----------
 1 file changed, 14 insertions(+), 15 deletions(-)

diff --git a/src/editor/components/modals/ScenesModal/ScenesModal.component.jsx b/src/editor/components/modals/ScenesModal/ScenesModal.component.jsx
index d2518131..80463434 100644
--- a/src/editor/components/modals/ScenesModal/ScenesModal.component.jsx
+++ b/src/editor/components/modals/ScenesModal/ScenesModal.component.jsx
@@ -223,25 +223,24 @@ const ScenesModal = ({ isOpen, onClose, initialTab = 'owner', delay }) => {
               <Button
                 leadingIcon={<Upload24Icon />}
                 className={styles.uploadBtn}
+                style={{ position: 'relative' }}
               >
-                <label
+                Upload 3DStreet JSON File
+                <input
+                  type="file"
+                  onChange={(e) => {
+                    fileJSON(e);
+                    onClose(); // Close the modal
+                  }}
                   style={{
-                    display: 'block',
-                    width: '100%',
+                    position: 'absolute',
+                    inset: 0,
+                    opacity: 0,
+                    fontSize: 0,
                     cursor: 'pointer'
                   }}
-                >
-                  <input
-                    type="file"
-                    onChange={(e) => {
-                      fileJSON(e);
-                      onClose(); // Close the modal
-                    }}
-                    style={{ display: 'none' }}
-                    accept=".js, .json, .txt"
-                  />
-                  Upload 3DStreet JSON File
-                </label>
+                  accept=".js, .json, .txt"
+                />
               </Button>
             </div>
           </div>