From f200737088cc7b870fc42e8e88849a2f38e420a5 Mon Sep 17 00:00:00 2001
From: "Aaron D. Lee" <aaron.daniel.lee@mgial.com>
Date: Thu, 8 Jan 2026 17:15:56 -0500
Subject: [PATCH] Improve DCT/LSB selector with icons and divider

- Add grid icon to LSB button to match DCT soundwave icon
- Add divider between mode and output options (hidden on mobile)
- Wraps cleanly on small screens

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

diff --git a/frontends/web/templates/encode.html b/frontends/web/templates/encode.html
index 26a3447..a0b8fd8 100644
--- a/frontends/web/templates/encode.html
+++ b/frontends/web/templates/encode.html
@@ -210,8 +210,9 @@
                                             <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>
                                             <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">LSB</label>
+                                            <label class="btn btn-outline-secondary btn-sm" 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">
                                             <div class="btn-group btn-group-sm" role="group">
                                                 <input type="radio" class="btn-check" name="dct_color_mode" id="colorMode" value="color" checked>