fix: match column styling (#169)

* fix: match column styling

* Initial commit from Saleor CLI

---------

Co-authored-by: Lukasz Ostrowski <lukasz.ostrowski@saleor.io>

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,

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>