From 49aa050b0650d014e7c5c8a46e77b3a745449ff7 Mon Sep 17 00:00:00 2001
From: Yousaf Ishaq <119843096+Yishaq13-getnuvo@users.noreply.github.com>
Date: Mon, 20 Feb 2023 11:08:03 +0100
Subject: [PATCH] fix: match column styling (#169)

* fix: match column styling

* Initial commit from Saleor CLI

---------

Co-authored-by: Lukasz Ostrowski <lukasz.ostrowski@saleor.io>
---
 .../customers-importer-view.tsx                    | 14 +++++++++++++-
 apps/data-importer/src/pages/importer.tsx          |  4 ++--
 2 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/apps/data-importer/src/modules/customers/customers-importer-nuvo/customers-importer-view.tsx b/apps/data-importer/src/modules/customers/customers-importer-nuvo/customers-importer-view.tsx
index 4da1449..2e0c6d4 100644
--- a/apps/data-importer/src/modules/customers/customers-importer-nuvo/customers-importer-view.tsx
+++ b/apps/data-importer/src/modules/customers/customers-importer-nuvo/customers-importer-view.tsx
@@ -58,6 +58,14 @@ const getNuvoSettings = (theme: SaleorTheme): SettingsAPI => {
         color: theme.palette.text.primary,
       },
     },
+    button: {
+      root: {
+        background: theme.palette.background.default,
+        color: theme.palette.text.primary,
+        maxHeight: "20px",
+        border: `1px solid ${lighten(theme.palette.background.default, 0.1)}`,
+      },
+    },
   } as const;
 
   return {
@@ -175,7 +183,11 @@ const getNuvoSettings = (theme: SaleorTheme): SettingsAPI => {
           border: "1px dashed #ddd",
         },
       },
-      globals: { fontFamily: "Inter", backgroundColor: "transparent", textColor: "inherit" },
+      globals: {
+        fontFamily: "Inter",
+        backgroundColor: "transparent",
+        textColor: "inherit",
+      },
     },
     title: "Upload customers to Saleor",
     disableExcelTemplate: true,
diff --git a/apps/data-importer/src/pages/importer.tsx b/apps/data-importer/src/pages/importer.tsx
index ee5d1b1..404d930 100644
--- a/apps/data-importer/src/pages/importer.tsx
+++ b/apps/data-importer/src/pages/importer.tsx
@@ -59,7 +59,7 @@ const ImporterPage: NextPage = () => {
           </div>
         }
       />
-      <Container>
+      <Container style={{ maxWidth: "unset" }}>
         <PageTabs
           style={{ marginBottom: 20, marginTop: 20 }}
           value={activeTab}
@@ -69,7 +69,7 @@ const ImporterPage: NextPage = () => {
           <PageTab disabled value="orders" label="Orders (coming soon)" />
           <PageTab disabled value="products" label="Products (coming soon)" />
         </PageTabs>
-        <Divider style={{ marginBottom: 50 }} />
+        <Divider />
         {activeTab === "customers" && <CustomersImporterView />}
       </Container>
     </div>