Improve styles

.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

.changeset/silver-feet-drop.md

@@ -0,0 +1,5 @@
+---
+"saleor-app-data-importer": patch
+---
+
+Change main title header to be smaller

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",

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 {

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 {

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 {

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 {

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 {