From e3f7f36e5e4eeeb09d7a9347b1e88fda783b9daa Mon Sep 17 00:00:00 2001
From: "Aaron D. Lee" <aaron.daniel.lee@mgial.com>
Date: Thu, 8 Jan 2026 17:17:47 -0500
Subject: [PATCH] Prevent DCT/LSB button text from wrapping

Add text-nowrap to keep icon and text together.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 frontends/web/templates/encode.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontends/web/templates/encode.html b/frontends/web/templates/encode.html
index a0b8fd8..da172a1 100644
--- a/frontends/web/templates/encode.html
+++ b/frontends/web/templates/encode.html
@@ -208,9 +208,9 @@
                                     <div class="d-flex gap-2 align-items-center flex-wrap mb-2">
                                         <div class="btn-group btn-group-sm" role="group">
                                             <input type="radio" class="btn-check" name="embed_mode" id="modeDct" value="dct" {% if has_dct %}checked{% endif %} {% if not has_dct %}disabled{% endif %}>
-                                            <label class="btn btn-outline-secondary btn-sm" for="modeDct" id="dctModeLabel"><i class="bi bi-soundwave me-1"></i>DCT</label>
+                                            <label class="btn btn-outline-secondary btn-sm text-nowrap" for="modeDct" id="dctModeLabel"><i class="bi bi-soundwave me-1"></i>DCT</label>
                                             <input type="radio" class="btn-check" name="embed_mode" id="modeLsb" value="lsb" {% if not has_dct %}checked{% endif %}>
-                                            <label class="btn btn-outline-secondary btn-sm" for="modeLsb"><i class="bi bi-grid-3x3-gap me-1"></i>LSB</label>
+                                            <label class="btn btn-outline-secondary btn-sm text-nowrap" for="modeLsb"><i class="bi bi-grid-3x3-gap me-1"></i>LSB</label>
                                         </div>
                                         <span class="text-muted d-none d-sm-inline">|</span>
                                         <span class="d-flex gap-2 align-items-center" id="outputOptions">