From 20b0e14f728cd9b77e993ee15e3bd276b102e427 Mon Sep 17 00:00:00 2001
From: Alex Grozav <alex@grozav.com>
Date: Mon, 26 Sep 2022 13:02:14 +0300
Subject: [PATCH] fix(editor): fix run data footer overflow (#4175)

* fix: fix run data footer overflow

* fix(editor): fix output panel header overflow
---
 packages/editor-ui/src/components/RunData.vue | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/packages/editor-ui/src/components/RunData.vue b/packages/editor-ui/src/components/RunData.vue
index 989d75536b..8d96dcfcf3 100644
--- a/packages/editor-ui/src/components/RunData.vue
+++ b/packages/editor-ui/src/components/RunData.vue
@@ -1299,6 +1299,9 @@ export default mixins(
 	margin-bottom: var(--spacing-s);
 	padding: var(--spacing-s) var(--spacing-s) 0 var(--spacing-s);
 	position: relative;
+	overflow-x: auto;
+	overflow-y: hidden;
+	min-height: calc(30px + var(--spacing-s));
 
 	> *:first-child {
 		flex-grow: 1;
@@ -1378,6 +1381,13 @@ export default mixins(
 	align-items: center;
 	bottom: 0;
 	padding: 5px;
+	overflow: auto;
+}
+
+.pageSizeSelector {
+	text-transform: capitalize;
+	max-width: 150px;
+	flex: 0 1 auto;
 }
 
 .binaryIndex {
@@ -1442,11 +1452,6 @@ export default mixins(
 	word-wrap: break-word;
 }
 
-.pageSizeSelector {
-	text-transform: capitalize;
-	max-width: 150px;
-}
-
 .displayModes {
 	display: flex;
 	justify-content: flex-end;