fix: removed irregular spacing (#1252)

Author: g-kabra

src/ydata_profiling/report/presentation/core/dropdown.py

@@ -7,7 +7,7 @@
 
 class Dropdown(ItemRenderer):
     def __init__(
-        self, name: str, id: str, items: list, item: Container, anchor_id: str, **kwargs
+        self, name: str, id: str, items: list, item: Container, anchor_id: str, classes: list, is_row: bool, **kwargs
     ):
         super().__init__(
             "dropdown",
@@ -17,6 +17,8 @@ def __init__(
                 "items": items,
                 "item": item,
                 "anchor_id": anchor_id,
+                "classes": " ".join(classes),
+                "is_row": is_row,
             },
             **kwargs
         )

src/ydata_profiling/report/presentation/flavours/html/templates/dropdown.html

@@ -1,8 +1,14 @@
-<select name="{{ name }}" id="{{ id }}">
-  <option value="">Select Columns</option>
-  {% for item in items %}
-    <option value="{{ item }}">{{ item }}</option>
-  {% endfor %}
-</select>
+{%if is_row%}
+<div class="row spacing">
+{%endif%}
+  <select name="{{ name }}" id="{{ id }}" class = "{{ classes }}">
+    <option value="">Select Columns</option>
+    {% for item in items %}
+      <option value="{{ item }}">{{ item }}</option>
+    {% endfor %}
+  </select>
+{%if is_row%}
+  </div>
+{%endif%}
 
 {{ item.render() }}

src/ydata_profiling/report/structure/report.py

@@ -376,6 +376,8 @@ def get_report_structure(config: Settings, summary: dict) -> Root:
                     name="Variables",
                     anchor_id="variables-dropdown",
                     id="variables-dropdown",
+                    is_row=True,
+                    classes=["btn", "btn-secondary", "dropdown-toggle"],
                     items=list(summary["variables"]),
                     item=Container(
                         render_variables_section(config, summary),