From e7af727fa9a302a06ad2e30b337f4f53885cb2e9 Mon Sep 17 00:00:00 2001
From: kovacsv <viktorkovacs@gmail.com>
Date: Tue, 7 Sep 2021 15:04:45 +0200
Subject: [PATCH] Embed input elements into labels.

---
 website/o3dv/js/exportdialog.js         | 5 +++--
 website/o3dv/js/settingssidebarpanel.js | 5 +++--
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/website/o3dv/js/exportdialog.js b/website/o3dv/js/exportdialog.js
index 90e73ca..c6e3883 100644
--- a/website/o3dv/js/exportdialog.js
+++ b/website/o3dv/js/exportdialog.js
@@ -136,8 +136,9 @@ OV.ExportDialog = class
         for (let i = 0; i < exportFormat.formats.length; i++) {
             let format = exportFormat.formats[i];
             let formatDiv = $('<div>').addClass ('ov_dialog_row').appendTo (this.formatParameters.formatSettingsDiv);
-            let formatInput = $('<input>').addClass ('ov_radio_button').attr ('type', 'radio').attr ('id', format.name).attr ('name', 'format').appendTo (formatDiv);
-            $('<label>').attr ('for', format.name).html (format.name).appendTo (formatDiv);
+            let formatLabel = $('<label>').attr ('for', format.name).appendTo (formatDiv);
+            let formatInput = $('<input>').addClass ('ov_radio_button').attr ('type', 'radio').attr ('id', format.name).attr ('name', 'format').appendTo (formatLabel);
+            $('<span>').html (format.name).appendTo (formatLabel);
             if (i === 0) {
                 formatInput.prop ('checked', true);
                 this.formatParameters.selectedFormat = format;
diff --git a/website/o3dv/js/settingssidebarpanel.js b/website/o3dv/js/settingssidebarpanel.js
index 562480c..9a4a2d2 100644
--- a/website/o3dv/js/settingssidebarpanel.js
+++ b/website/o3dv/js/settingssidebarpanel.js
@@ -117,8 +117,9 @@ OV.SettingsSidebarPanel = class extends OV.SidebarPanel
         function AddRadioButton (contentDiv, themeId, themeName, onChange)
         {
             let row = $('<div>').addClass ('ov_sidebar_settings_row').appendTo (contentDiv);
-            let radio = $('<input>').addClass ('ov_radio_button').attr ('type', 'radio').attr ('id', themeId.toString ()).attr ('name', 'theme').appendTo (row);
-            $('<label>').attr ('for', themeId.toString ()).html (themeName).appendTo (row);
+            let label = $('<label>').attr ('for', themeId.toString ()).appendTo (row);
+            let radio = $('<input>').addClass ('ov_radio_button').attr ('type', 'radio').attr ('id', themeId.toString ()).attr ('name', 'theme').appendTo (label);
+            $('<span>').html (themeName).appendTo (label);
             radio.change (() => {
                 onChange (themeId);
             });