From 319293ab4cf0e349318e10f2279209036070e374 Mon Sep 17 00:00:00 2001
From: Alex Christoffer Rasmussen <ac@omnivox.dk>
Date: Mon, 14 Sep 2026 20:47:27 +0200
Subject: [PATCH] small ui improvements (#2196)

* ui: add slight gap in keyCombo display

* ui: show ellipsis when selected dropdown option is to long
---
 .../src/common/components/select/Select.module.scss       | 8 ++++++++
 apps/client/src/common/components/select/Select.tsx       | 4 +++-
 .../rundown/entry-editor/EventEditorEmpty.module.scss     | 2 +-
 3 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/apps/client/src/common/components/select/Select.module.scss b/apps/client/src/common/components/select/Select.module.scss
index 9f261e89a..60aa25e06 100644
--- a/apps/client/src/common/components/select/Select.module.scss
+++ b/apps/client/src/common/components/select/Select.module.scss
@@ -15,6 +15,14 @@
 
   padding-inline: 0.5rem;
   white-space: nowrap;
+}
+
+.valueText {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 
   &:hover:not([data-disabled]) {
     background-color: $gray-1100;
diff --git a/apps/client/src/common/components/select/Select.tsx b/apps/client/src/common/components/select/Select.tsx
index 696d06ea0..766f47e25 100644
--- a/apps/client/src/common/components/select/Select.tsx
+++ b/apps/client/src/common/components/select/Select.tsx
@@ -22,7 +22,9 @@ export default function Select<T>({ options, fluid, size = 'medium', ...selectRo
   return (
     <BaseSelect.Root items={options} {...selectRootProps}>
       <BaseSelect.Trigger className={cx([styles.select, styles[size], fluid && styles.fluid])}>
-        <BaseSelect.Value />
+        <span className={styles.valueText}>
+          <BaseSelect.Value />
+        </span>
         <BaseSelect.Icon className={styles.selectIcon}>
           <LuChevronsUpDown />
         </BaseSelect.Icon>
diff --git a/apps/client/src/features/rundown/entry-editor/EventEditorEmpty.module.scss b/apps/client/src/features/rundown/entry-editor/EventEditorEmpty.module.scss
index 47ef5fb36..382b36d8c 100644
--- a/apps/client/src/features/rundown/entry-editor/EventEditorEmpty.module.scss
+++ b/apps/client/src/features/rundown/entry-editor/EventEditorEmpty.module.scss
@@ -64,7 +64,7 @@
   display: inline-flex;
   align-items: center;
   flex-wrap: nowrap;
-  gap: 0.25rem 0;
+  gap: 0.25rem 0.125rem;
 }
 
 .separator {