From 2d526f3456add0cd335ff5a6ac7e47b9cfa3d805 Mon Sep 17 00:00:00 2001
From: Isaac Roberts <119639439+madebyisaacr@users.noreply.github.com>
Date: Tue, 3 Mar 2026 13:35:10 -0500
Subject: [PATCH] Truncate button text

---
 plugins/airtable/src/App.css                       | 5 +++++
 plugins/airtable/src/FieldMapping.tsx              | 1 +
 plugins/google-sheets/src/pages/MapSheetFields.tsx | 1 +
 plugins/notion/src/App.css                         | 5 +++++
 plugins/notion/src/FieldMapping.tsx                | 1 +
 5 files changed, 13 insertions(+)

diff --git a/plugins/airtable/src/App.css b/plugins/airtable/src/App.css
index 1118b6430..9f79d7fff 100644
--- a/plugins/airtable/src/App.css
+++ b/plugins/airtable/src/App.css
@@ -188,6 +188,11 @@ select:not(:disabled) {
     pointer-events: none;
 }
 
+.import-button {
+    white-space: nowrap;
+    display: inline-block;
+}
+
 /* Login */
 
 .login-steps {
diff --git a/plugins/airtable/src/FieldMapping.tsx b/plugins/airtable/src/FieldMapping.tsx
index c102102c9..5cc138dd5 100644
--- a/plugins/airtable/src/FieldMapping.tsx
+++ b/plugins/airtable/src/FieldMapping.tsx
@@ -418,6 +418,7 @@ export function FieldMapping({ collection, dataSource, initialSlugFieldId }: Fie
             <footer>
                 <hr className="sticky-top" />
                 <button
+                    className="import-button"
                     type="submit"
                     disabled={isSyncing || !isAllowedToManage}
                     tabIndex={0}
diff --git a/plugins/google-sheets/src/pages/MapSheetFields.tsx b/plugins/google-sheets/src/pages/MapSheetFields.tsx
index ea5f44210..6b68d6843 100644
--- a/plugins/google-sheets/src/pages/MapSheetFields.tsx
+++ b/plugins/google-sheets/src/pages/MapSheetFields.tsx
@@ -309,6 +309,7 @@ export function MapSheetFieldsPage({
                     <button
                         disabled={!isAllowedToManage}
                         title={isAllowedToManage ? undefined : "Insufficient permissions"}
+                        className="whitespace-nowrap inline-block"
                     >
                         {isPending ? <div className="framer-spinner" /> : `Import from ${sheetTitle}`}
                     </button>
diff --git a/plugins/notion/src/App.css b/plugins/notion/src/App.css
index ac65a9bc2..01917a16c 100644
--- a/plugins/notion/src/App.css
+++ b/plugins/notion/src/App.css
@@ -244,6 +244,11 @@ select:not(:disabled) {
     cursor: pointer;
 }
 
+.import-button {
+    white-space: nowrap;
+    display: inline-block;
+}
+
 /* Login */
 
 .login {
diff --git a/plugins/notion/src/FieldMapping.tsx b/plugins/notion/src/FieldMapping.tsx
index d26ac2b8e..f68ece68e 100644
--- a/plugins/notion/src/FieldMapping.tsx
+++ b/plugins/notion/src/FieldMapping.tsx
@@ -368,6 +368,7 @@ export function FieldMapping({
                 <footer>
                     <hr className="sticky-top" />
                     <button
+                        className="import-button"
                         disabled={!isAllowedToManage}
                         tabIndex={0}
                         title={!isAllowedToManage ? "Insufficient permissions" : undefined}