Upload 2 files

index.html

@@ -89,14 +89,16 @@
                     <option value="translate_ja">Translate to Japanese</option>
                 </select>
             </div>
-            <label class="checkbox-row">
-                <input type="checkbox" id="vadCheckbox" checked>
-                <span>Speech segmentation (VAD)</span>
-            </label>
-            <label class="checkbox-row">
-                <input type="checkbox" id="punctuationCheckbox" checked>
-                <span>Add punctuation (English only)</span>
-            </label>
+            <div class="checkbox-group">
+                <label class="checkbox-row">
+                    <input type="checkbox" id="vadCheckbox" checked>
+                    <span>VAD segmentation</span>
+                </label>
+                <label class="checkbox-row">
+                    <input type="checkbox" id="punctuationCheckbox" checked>
+                    <span>Punctuation</span>
+                </label>
+            </div>
             <button id="transcribeBtn" class="transcribe-btn" disabled>
                 Transcribe
             </button>
@@ -130,7 +132,7 @@
         <!-- Footer -->
         <div class="footer">
             Made with
-            <a href="https://huggingface.co/ibm-granite/granite-4.0-1b-speech" target="_blank">Granite 4.0 1B Speech</a> (quantized)
+            <a href="https://huggingface.co/ibm-granite/granite-4.0-1b-speech" target="_blank">Granite 4.0 1B Speech</a>
             and
             <a href="https://huggingface.co/docs/transformers.js" target="_blank">Transformers.js</a>
             <br>

style.css

@@ -336,6 +336,14 @@ h2 {
     cursor: not-allowed;
 }
 
+.checkbox-group {
+    display: flex;
+    gap: 1.5rem;
+    justify-content: center;
+    width: 100%;
+    max-width: 540px;
+}
+
 .checkbox-row {
     display: flex;
     align-items: center;