From 02f41c1e5634554b51777658f6c0d858e66f9192 Mon Sep 17 00:00:00 2001
From: bduran <bryan.duran@jpl.nasa.gov>
Date: Fri, 6 Dec 2024 09:22:52 -0800
Subject: [PATCH] handle long command stem overflow

---
 .../sequencing/CommandPanel/CommandDictionary.svelte     | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/components/sequencing/CommandPanel/CommandDictionary.svelte b/src/components/sequencing/CommandPanel/CommandDictionary.svelte
index 2ccf1531c2..20ef58a0c8 100644
--- a/src/components/sequencing/CommandPanel/CommandDictionary.svelte
+++ b/src/components/sequencing/CommandPanel/CommandDictionary.svelte
@@ -139,7 +139,7 @@
       {#if commandResults.length > 0}
         {#each commandResults as commandResult}
           <div class="dictionary-result">
-            <button class="st-button-link" on:click={() => onSelectCommandDefinition(commandResult)}>
+            <button class="st-button-link command-stem" on:click={() => onSelectCommandDefinition(commandResult)}>
               {commandResult.stem}
             </button>
           </div>
@@ -278,6 +278,13 @@
     font-style: italic;
   }
 
+  .command-stem {
+    max-width: 100%;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
   .command-arguments {
     display: flex;
     flex-flow: column;