From afc204d8c565cd75378f4bee9f9ae252e1e24a82 Mon Sep 17 00:00:00 2001
From: Zsolt Ero <zsolt.ero@gmail.com>
Date: Wed, 22 Oct 2025 14:55:38 +0200
Subject: [PATCH] work

---
 website/public/debug/lang/mix.html | 71 ++++++++++++++++--------------
 1 file changed, 37 insertions(+), 34 deletions(-)

diff --git a/website/public/debug/lang/mix.html b/website/public/debug/lang/mix.html
index 18d83c5..c8bcc18 100644
--- a/website/public/debug/lang/mix.html
+++ b/website/public/debug/lang/mix.html
@@ -11,7 +11,7 @@
     <!-- UI Panel -->
     <div class="bg-gray-900 border-b border-gray-700 shadow-md">
       <div class="max-w-7xl mx-auto px-4 py-2">
-        <div class="flex items-center gap-3">
+        <div class="flex items-start gap-3">
           <div class="flex-1">
             <label for="line1" class="block text-xs font-medium text-gray-400 mb-1"> Line 1 </label>
             <input
@@ -42,43 +42,46 @@
             />
           </div>
 
-          <div class="w-24">
-            <label for="lang" class="block text-xs font-medium text-gray-400 mb-1"> Lang </label>
-            <input
-              type="text"
-              id="lang"
-              class="w-full px-3 py-1.5 text-sm border border-gray-600 rounded bg-gray-800 text-gray-100 focus:outline-none focus:border-blue-500 focus:ring-1 focus:ring-blue-500 transition-all font-mono text-center"
-              maxlength="5"
-            />
-          </div>
-
           <div class="flex flex-col gap-2">
-            <div class="flex items-center gap-2">
-              <label
-                class="flex items-center gap-2 text-xs text-gray-300 cursor-pointer whitespace-nowrap"
-              >
+            <div class="flex items-start gap-2">
+              <div class="w-24">
+                <label for="lang" class="block text-xs font-medium text-gray-400 mb-1">
+                  Lang
+                </label>
                 <input
-                  type="checkbox"
-                  id="showDifferencesRed"
-                  class="w-4 h-4 text-blue-600 bg-gray-700 border-gray-600 rounded focus:ring-blue-500 focus:ring-2"
+                  type="text"
+                  id="lang"
+                  class="w-full px-3 py-1.5 text-sm border border-gray-600 rounded bg-gray-800 text-gray-100 focus:outline-none focus:border-blue-500 focus:ring-1 focus:ring-blue-500 transition-all font-mono text-center"
+                  maxlength="5"
                 />
-                <span>Show differences red</span>
-              </label>
-            </div>
-            <div class="flex gap-2">
-              <button
-                id="shareBtn"
-                class="px-4 py-1.5 text-sm font-medium text-white bg-blue-600 rounded hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 focus:ring-offset-gray-900 transition-all"
-              >
-                Share
-              </button>
-              <button
-                id="resetBtn"
-                class="px-4 py-1.5 text-sm font-medium text-white bg-gray-700 rounded hover:bg-gray-600 focus:outline-none focus:ring-2 focus:ring-gray-500 focus:ring-offset-2 focus:ring-offset-gray-900 transition-all"
-              >
-                Reset
-              </button>
+              </div>
+
+              <div class="flex gap-2">
+                <button
+                  id="shareBtn"
+                  class="px-4 py-1.5 text-sm font-medium text-white bg-blue-600 rounded hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 focus:ring-offset-gray-900 transition-all mt-5"
+                >
+                  Share
+                </button>
+                <button
+                  id="resetBtn"
+                  class="px-4 py-1.5 text-sm font-medium text-white bg-gray-700 rounded hover:bg-gray-600 focus:outline-none focus:ring-2 focus:ring-gray-500 focus:ring-offset-2 focus:ring-offset-gray-900 transition-all mt-5"
+                >
+                  Reset
+                </button>
+              </div>
             </div>
+
+            <label
+              class="flex items-center gap-2 text-xs text-gray-300 cursor-pointer whitespace-nowrap"
+            >
+              <input
+                type="checkbox"
+                id="showDifferencesRed"
+                class="w-4 h-4 text-blue-600 bg-gray-700 border-gray-600 rounded focus:ring-blue-500 focus:ring-2"
+              />
+              <span>highlight line1 != line2</span>
+            </label>
           </div>
         </div>
       </div>