From 80f7ee1f7b45f5d81bd7e09817c7381eed85477a Mon Sep 17 00:00:00 2001
From: Jan Oberhauser <jan.oberhauser@gmail.com>
Date: Mon, 1 Feb 2021 23:57:00 +0100
Subject: [PATCH] :zap: Small design tweak

---
 packages/editor-ui/src/components/DataDisplay.vue | 2 +-
 packages/editor-ui/src/n8n-theme.scss             | 6 +++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/packages/editor-ui/src/components/DataDisplay.vue b/packages/editor-ui/src/components/DataDisplay.vue
index c69417354..1e3985c36 100644
--- a/packages/editor-ui/src/components/DataDisplay.vue
+++ b/packages/editor-ui/src/components/DataDisplay.vue
@@ -147,7 +147,7 @@ export default Vue.extend({
 		position: relative;
 		width: 80%;
 		height: 80%;
-		margin: 6em auto;
+		margin: 3em auto;
 		background-color: #fff;
 		border-radius: 2px;
 		@media (max-height: 720px) {
diff --git a/packages/editor-ui/src/n8n-theme.scss b/packages/editor-ui/src/n8n-theme.scss
index 93f90d011..9b252a6c5 100644
--- a/packages/editor-ui/src/n8n-theme.scss
+++ b/packages/editor-ui/src/n8n-theme.scss
@@ -58,7 +58,11 @@ h1, h2, h3, h4, h5, h6 {
 	-webkit-box-shadow: none;
 	box-shadow: none;
 
-	@media (max-height: 720px) {
+	@media (max-height: 1050px) {
+		margin: 4em auto !important;
+	}
+
+	@media (max-height: 930px) {
 		margin: 1em auto !important;
 	}