From 6d1be05f56d2a7799b4060a5f5995616eee5eb77 Mon Sep 17 00:00:00 2001
From: Jan Oberhauser <jan.oberhauser@gmail.com>
Date: Sat, 10 Aug 2019 09:59:15 +0200
Subject: [PATCH] :lipstick: Improve display of node input-/output-labels

---
 packages/editor-ui/src/views/NodeView.vue | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/packages/editor-ui/src/views/NodeView.vue b/packages/editor-ui/src/views/NodeView.vue
index 5387646aa8..dcaac6278c 100644
--- a/packages/editor-ui/src/views/NodeView.vue
+++ b/packages/editor-ui/src/views/NodeView.vue
@@ -2026,10 +2026,12 @@ export default mixins(
 
 .connection-input-name-label,
 .connection-output-name-label {
-	background-color: rgba( $--custom-node-view-background, 0.9 );
-	line-height: 1.3em;
+	border-radius: 7px;
+	background-color: rgba( $--custom-node-view-background, 0.8 );
 	font-size: 0.7em;
-	padding: 3px;
+	line-height: 1.3em;
+	padding: 2px 3px;
+	white-space: nowrap;
 }
 
 .delete-connection {
@@ -2067,8 +2069,11 @@ export default mixins(
 
 .node-input-endpoint-label,
 .node-output-endpoint-label {
-	font-size: 0.7em;
 	background-color: $--custom-node-view-background;
+	border-radius: 7px;
+	font-size: 0.7em;
+	padding: 2px;
+	white-space: nowrap;
 }
 
 .node-input-endpoint-label {