fix(variables): select column dropdown placement changes (#1629)

Author: duartecsoares

src/ydata_profiling/report/presentation/flavours/html/templates/wrapper/assets/style.css

@@ -303,6 +303,13 @@ select.multiple{
     padding: 1em;
 }
 
+/* specific styles */
+
+.dropdown-variables {
+    float: left;
+    margin: 24px 0 8px 12px;
+}
+
 /* not printing tabs */
 @media print {
     .tab-content > .tab-pane, .collapse {

src/ydata_profiling/report/structure/report.py

@@ -380,8 +380,8 @@ def get_report_structure(config: Settings, summary: BaseDescription) -> Root:
                     name="Variables",
                     anchor_id="variables-dropdown",
                     id="variables-dropdown",
-                    is_row=True,
-                    classes=["dropdown-toggle"],
+                    is_row=False,
+                    classes=["dropdown-toggle", "dropdown-variables"],
                     items=list(summary.variables),
                     item=Container(
                         render_variables_section(config, summary),