From b173f0ae0d241e9a1eba53f7aff2e7ea4748712b Mon Sep 17 00:00:00 2001
From: tyeth <tyethgundry@googlemail.com>
Date: Mon, 27 Oct 2025 15:09:50 +0000
Subject: [PATCH] fix(header): css for overflowing truncated title needs nowrap
 + title(tooltip) js sync

---
 js/workflows/workflow.js | 1 +
 sass/layout/_header.scss | 3 +++
 sass/layout/_layout.scss | 5 ++++-
 3 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/js/workflows/workflow.js b/js/workflows/workflow.js
index 8d9f786..8572c1e 100644
--- a/js/workflows/workflow.js
+++ b/js/workflows/workflow.js
@@ -183,6 +183,7 @@ class Workflow {
         }
 
         this.terminalTitle.textContent = title;
+        this.terminalTitle.title = title;
     }
 
     async showConnect(documentState) {
diff --git a/sass/layout/_header.scss b/sass/layout/_header.scss
index 4de3d11..30d1fea 100644
--- a/sass/layout/_header.scss
+++ b/sass/layout/_header.scss
@@ -138,6 +138,9 @@
     flex: auto;
     overflow: hidden;
     text-overflow: ellipsis;
+    white-space: nowrap;
+    flex-shrink: 1;
+    max-width: fit-content;
 }
 
 @media (max-width: $screen-xs-max) {
diff --git a/sass/layout/_layout.scss b/sass/layout/_layout.scss
index d66b06f..eae8f4f 100644
--- a/sass/layout/_layout.scss
+++ b/sass/layout/_layout.scss
@@ -60,13 +60,16 @@
 
 #editor-bar, #serial-bar {
     display: flex;
-    flex-wrap: wrap;
     align-items: center;
     padding: 0 10px;
     min-height: 60px;
     height: 4em;
 }
 
+#editor-bar {
+    flex-wrap: wrap;
+}
+
 #editor-page {
     #editor {
         flex: 1 1 0%;