From 2755ed2038926b655e81c437c2186c280407fc75 Mon Sep 17 00:00:00 2001
From: Lukasz Ostrowski <lukasz.ostrowski@saleor.io>
Date: Fri, 3 Mar 2023 10:03:56 +0100
Subject: [PATCH] Improve styles

---
 .changeset/clean-fireants-hug.md                       | 10 ++++++++++
 .changeset/silver-feet-drop.md                         |  5 +++++
 .../customers-importer-view.tsx                        |  7 ++++++-
 apps/invoices/src/styles/globals.css                   |  1 +
 apps/klaviyo/styles/globals.css                        |  2 +-
 apps/monitoring/src/styles/globals.css                 |  1 +
 apps/search/src/styles/globals.css                     |  1 +
 apps/slack/src/styles/globals.css                      |  2 +-
 8 files changed, 26 insertions(+), 3 deletions(-)
 create mode 100644 .changeset/clean-fireants-hug.md
 create mode 100644 .changeset/silver-feet-drop.md

diff --git a/.changeset/clean-fireants-hug.md b/.changeset/clean-fireants-hug.md
new file mode 100644
index 0000000..21012c8
--- /dev/null
+++ b/.changeset/clean-fireants-hug.md
@@ -0,0 +1,10 @@
+---
+"saleor-app-data-importer": patch
+"saleor-app-monitoring": patch
+"saleor-app-invoices": patch
+"saleor-app-klaviyo": patch
+"saleor-app-search": patch
+"saleor-app-slack": patch
+---
+
+Added extra padding on top of the app so it has some space between content and dashboard header
diff --git a/.changeset/silver-feet-drop.md b/.changeset/silver-feet-drop.md
new file mode 100644
index 0000000..f5ac3f0
--- /dev/null
+++ b/.changeset/silver-feet-drop.md
@@ -0,0 +1,5 @@
+---
+"saleor-app-data-importer": patch
+---
+
+Change main title header to be smaller
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 782167e..8f01f93 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
@@ -76,7 +76,9 @@ const getNuvoSettings = (theme: SaleorTheme): SettingsAPI => {
     identifier: "customers",
     modal: false,
     style: {
-      sheetSelect: { icon: { filter: isDarkMode ? "invert(1)" : "none" } },
+      sheetSelect: {
+        icon: { filter: isDarkMode ? "invert(1)" : "none" },
+      },
       joinSheet: {},
       dialog: { closeIcon: { filter: isDarkMode ? "invert(1)" : "none" } },
       messagePopup: {
@@ -193,6 +195,9 @@ const getNuvoSettings = (theme: SaleorTheme): SettingsAPI => {
         description: {
           display: "none",
         },
+        title: {
+          fontSize: "18px",
+        },
         root: {
           // display: "none",
           color: "#111",
diff --git a/apps/invoices/src/styles/globals.css b/apps/invoices/src/styles/globals.css
index e12f100..220e555 100644
--- a/apps/invoices/src/styles/globals.css
+++ b/apps/invoices/src/styles/globals.css
@@ -2,6 +2,7 @@ body {
   font-family: Inter, -apple-system, "system-ui", "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell,
     "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
   color: #111;
+  padding-top: 32px;
 }
 
 a {
diff --git a/apps/klaviyo/styles/globals.css b/apps/klaviyo/styles/globals.css
index a70ca08..ca7403b 100644
--- a/apps/klaviyo/styles/globals.css
+++ b/apps/klaviyo/styles/globals.css
@@ -2,7 +2,7 @@ body {
   font-family: Inter, -apple-system, "system-ui", "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell,
     "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
   color: #111;
-  padding: 1rem 2rem;
+  padding: 32px;
 }
 
 code {
diff --git a/apps/monitoring/src/styles/globals.css b/apps/monitoring/src/styles/globals.css
index 23d9032..fab70a1 100644
--- a/apps/monitoring/src/styles/globals.css
+++ b/apps/monitoring/src/styles/globals.css
@@ -1,6 +1,7 @@
 body {
   font-family: Inter, -apple-system, "system-ui", "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell,
     "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+  padding: 32px;
 }
 
 code {
diff --git a/apps/search/src/styles/globals.css b/apps/search/src/styles/globals.css
index 81d1f4c..c7c3d3b 100644
--- a/apps/search/src/styles/globals.css
+++ b/apps/search/src/styles/globals.css
@@ -2,6 +2,7 @@ body {
   font-family: Inter, -apple-system, "system-ui", "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell,
     "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
   color: #111;
+  padding-top: 32px;
 }
 
 code {
diff --git a/apps/slack/src/styles/globals.css b/apps/slack/src/styles/globals.css
index a70ca08..ca7403b 100644
--- a/apps/slack/src/styles/globals.css
+++ b/apps/slack/src/styles/globals.css
@@ -2,7 +2,7 @@ body {
   font-family: Inter, -apple-system, "system-ui", "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell,
     "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
   color: #111;
-  padding: 1rem 2rem;
+  padding: 32px;
 }
 
 code {