From 67040ea4cee84e2b3d314878adef03c73de003a2 Mon Sep 17 00:00:00 2001
From: YannickMol <YannickMol@users.noreply.github.com>
Date: Thu, 8 Apr 2021 00:31:58 +0200
Subject: [PATCH] Redesign overflowing field on settings page (#4897)

---
 .../routes/data-model/fields/components/field-select.vue     | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/app/src/modules/settings/routes/data-model/fields/components/field-select.vue b/app/src/modules/settings/routes/data-model/fields/components/field-select.vue
index e964f5c785..efe55628b4 100644
--- a/app/src/modules/settings/routes/data-model/fields/components/field-select.vue
+++ b/app/src/modules/settings/routes/data-model/fields/components/field-select.vue
@@ -60,8 +60,8 @@
 			</template>
 
 			<template #input>
-				<div class="label">
-					<span class="name" v-tooltip="field.name">
+				<div class="label" v-tooltip="field.name + ' (' + interfaceName + ')'">
+					<span class="name">
 						{{ field.field }}
 						<v-icon name="star" class="required" sup v-if="field.schema && field.schema.is_nullable === false" />
 					</span>
@@ -493,6 +493,7 @@ export default defineComponent({
 		flex-grow: 1;
 		overflow: hidden;
 		text-overflow: ellipsis;
+		white-space: nowrap;
 
 		.name {
 			font-family: var(--family-monospace);