Update index.html

index.html

@@ -132,7 +132,6 @@
             document.getElementById('output').classList.remove('hidden');
         });
 
-        // Facet Explorer JavaScript
         $(document).ready(function() {
             let isResultShown = false;
             let facetData = [];
@@ -151,8 +150,8 @@
                 const $dynamicBoxes = $('#dynamicBoxes').empty();
                 facetArray.forEach((facetObj, index) => {
                     const [key, values] = Object.entries(facetObj)[0];
-                    const $box = $('<div>').addClass('bg-white rounded-lg shadow-md p-4 fade-in');
-                    const $title = $('<div>').addClass('flex items-center justify-between mb-2')
+                    const $box = $('<div>').addClass('bg-white rounded-lg shadow-md p-6 fade-in');
+                    const $title = $('<div>').addClass('flex items-center justify-between mb-4')
                         .append($('<h2>').addClass('text-xl font-semibold').text(key))
                         .append($('<input>').attr({
                             type: 'checkbox',
@@ -160,7 +159,7 @@
                             'data-index': index,
                             class: 'form-checkbox h-5 w-5 text-blue-600'
                         }));
-                    const $content = $('<div>').addClass('space-y-1');
+                    const $content = $('<div>').addClass('space-y-2');
                     values.forEach(value => {
                         $content.append($('<p>').addClass('text-gray-600').text(value));
                     });