From 62a4a28719005fdde5d9bdff3efe64a9041b78bc Mon Sep 17 00:00:00 2001
From: Mutasem <mutdmour@gmail.com>
Date: Thu, 7 Apr 2022 11:06:39 +0200
Subject: [PATCH] fix page size

---
 packages/design-system/src/components/N8nSelect/Select.vue | 1 +
 packages/editor-ui/src/components/RunData.vue              | 4 ++--
 packages/editor-ui/src/plugins/i18n/locales/en.json        | 1 +
 3 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/packages/design-system/src/components/N8nSelect/Select.vue b/packages/design-system/src/components/N8nSelect/Select.vue
index 2a059ea114..725260da31 100644
--- a/packages/design-system/src/components/N8nSelect/Select.vue
+++ b/packages/design-system/src/components/N8nSelect/Select.vue
@@ -146,5 +146,6 @@ export default {
 	border-bottom-left-radius: var(--input-border-radius, var(--border-radius-base));
 	border-top-left-radius: var(--input-border-radius, var(--border-radius-base));
 	color: var(--color-text-base);
+	white-space: nowrap;
 }
 </style>
diff --git a/packages/editor-ui/src/components/RunData.vue b/packages/editor-ui/src/components/RunData.vue
index 4563a64120..f57bf46116 100644
--- a/packages/editor-ui/src/components/RunData.vue
+++ b/packages/editor-ui/src/components/RunData.vue
@@ -200,7 +200,7 @@
 
 			<div :class="$style.pageSizeSelector">
 				<n8n-select size="mini" v-model="pageSize">
-					<template slot="prepend">{{ $locale.baseText('ndv.output.items') }}</template>
+					<template slot="prepend">{{ $locale.baseText('ndv.output.pageSize') }}</template>
 					<n8n-option
 						v-for="size in pageSizes"
 						:key="size"
@@ -972,7 +972,7 @@ export default mixins(
 
 .pageSizeSelector {
 	text-transform: capitalize;
-	max-width: 120px;
+	max-width: 150px;
 }
 
 </style>
diff --git a/packages/editor-ui/src/plugins/i18n/locales/en.json b/packages/editor-ui/src/plugins/i18n/locales/en.json
index ed81044613..d3072aef8f 100644
--- a/packages/editor-ui/src/plugins/i18n/locales/en.json
+++ b/packages/editor-ui/src/plugins/i18n/locales/en.json
@@ -1157,6 +1157,7 @@
 	"ndv.output.tooMuchData.message": "The node contains {size} MB of data. Displaying it may cause problems. <br /> If you do decide to display it, avoid the JSON view.",
 	"ndv.output.tooMuchData.showDataAnyway": "Show data anyway",
 	"ndv.output.items": "items",
+	"ndv.output.pageSize": "Page Size",
 	"ndv.output.item": "item",
 	"ndv.output.run": "Run",
 	"ndv.output.of": " of ",