From e35521d92c71e7dcdebb0825a216a7a74dc43f4d Mon Sep 17 00:00:00 2001
From: sukuwc <sukuwc@riseup.net>
Date: Tue, 10 Feb 2026 11:27:41 +0100
Subject: [PATCH] Replace custom import button with MoltenPushButton from
 grid-uikit

Closes #167

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 src/routes/EditorLayout.svelte | 35 +++++++++++++++-------------------
 1 file changed, 15 insertions(+), 20 deletions(-)

diff --git a/src/routes/EditorLayout.svelte b/src/routes/EditorLayout.svelte
index eee4102..9208e5c 100644
--- a/src/routes/EditorLayout.svelte
+++ b/src/routes/EditorLayout.svelte
@@ -611,17 +611,23 @@
                 {@const config = configs.find(
                   (e) => e.id === $selected_config?.id,
                 )}
-                <button
-                  on:click={() => {
-                    const configLinkUrl =
-                      `${configuration.DEEPLINK_PROTOCOL_NAME}://?config-link=` +
-                      config?.id;
-                    window.open(configLinkUrl, "_self");
+                <div
+                  use:tooltip={{
+                    instant: true,
+                    text: `Import "${config?.name}" into Grid Editor`,
                   }}
-                  class="import-button"
                 >
-                  Import {config?.id}
-                </button>
+                  <MoltenPushButton
+                    text="Import"
+                    style="accept"
+                    click={() => {
+                      const configLinkUrl =
+                        `${configuration.DEEPLINK_PROTOCOL_NAME}://?config-link=` +
+                        config?.id;
+                      window.open(configLinkUrl, "_self");
+                    }}
+                  />
+                </div>
               </DisplayOnWeb>
             </svelte:fragment>
 
@@ -719,17 +725,6 @@
     cursor: pointer;
   }
 
-  .import-button {
-    border-radius: 0.25rem;
-    padding: 0.25rem 1rem;
-    font-weight: 500;
-    background-color: #059669;
-  }
-
-  .import-button:hover {
-    background-color: #047857;
-  }
-
   div.popup {
     display: block;
     position: absolute;