From d4164067468d5b59b5fdfa3d9c2cc23b6c1eab8e Mon Sep 17 00:00:00 2001
From: Wrongecho <wrongecho@itflow.org>
Date: Mon, 7 Sep 2026 15:41:22 +0000
Subject: [PATCH] Scale sidebar business name to fit (@BoredManCodes)

---
 agent/css/sidebar_brand_fix.css |  8 ++++++++
 agent/includes/side_nav.php     |  6 +++++-
 agent/js/sidebar_brand_fix.js   | 19 +++++++++++++++++++
 3 files changed, 32 insertions(+), 1 deletion(-)
 create mode 100644 agent/css/sidebar_brand_fix.css
 create mode 100644 agent/js/sidebar_brand_fix.js

diff --git a/agent/css/sidebar_brand_fix.css b/agent/css/sidebar_brand_fix.css
new file mode 100644
index 000000000..51bb6ba7c
--- /dev/null
+++ b/agent/css/sidebar_brand_fix.css
@@ -0,0 +1,8 @@
+/* Custom syling for scaling the brand text (MSP name) in the sidebar */
+
+.app-sidebar .brand-text {
+    display: inline-block;
+    vertical-align: middle;
+    white-space: nowrap;
+    transform-origin: left center;
+}
\ No newline at end of file
diff --git a/agent/includes/side_nav.php b/agent/includes/side_nav.php
index b97cd2026..f40d6d581 100644
--- a/agent/includes/side_nav.php
+++ b/agent/includes/side_nav.php
@@ -1,3 +1,7 @@
+<!-- Custom fix for scaling the brand text (MSP name) in the sidebar -->
+<link rel="stylesheet" href="css/sidebar_brand_fix.css">
+<script src="js/sidebar_brand_fix.js" defer></script>
+
 <!-- Main Sidebar Container -->
 <aside class="app-sidebar shadow d-print-none" data-bs-theme="dark">
 
@@ -16,7 +20,7 @@
 
     <div class="sidebar-brand">
         <a class="brand-link" href="<?= $brand_link ?>">
-            <span class="brand-text h4 mb-0"><?= escapeHtml($session_company_name) ?></span>
+            <span class="brand-text h4 mb-0" id="sidebar-brand-text"><?= escapeHtml($session_company_name) ?></span>
         </a>
     </div>
 
diff --git a/agent/js/sidebar_brand_fix.js b/agent/js/sidebar_brand_fix.js
new file mode 100644
index 000000000..bfaf8680e
--- /dev/null
+++ b/agent/js/sidebar_brand_fix.js
@@ -0,0 +1,19 @@
+function fitBrandText() {
+    text.style.transform = 'none';
+    // getBoundingClientRect gives real on-screen edges, unlike
+    // offsetLeft which is unreliable for inline text
+    var available = link.getBoundingClientRect().right - text.getBoundingClientRect().left - 8;
+    var natural = text.scrollWidth;
+    // Scale rather than step font-size down.
+    var scale = natural > available ? available / natural : 1;
+    text.style.transform = 'scale(' + scale.toFixed(4) + ')';
+}
+
+var text = document.getElementById('sidebar-brand-text');
+
+if (text) {
+    var link = text.closest('.brand-link');
+
+    // Fires once on observe as well as any later width change
+    new ResizeObserver(fitBrandText).observe(link);
+}
\ No newline at end of file