details

src/skrubview/_data/templates/base.css

@@ -117,6 +117,12 @@
     align-items: center;
 }
 
+{{ report_id_selector }}.skrubview-report .skrubview-flex-wrap {
+    flex-wrap: wrap;
+}
+
+
+
 {{ report_id_selector }}.skrubview-report .skrubview-ellided {
     max-width: 100ch;
     overflow-x: hidden;

src/skrubview/_data/templates/column-summary.html

@@ -72,7 +72,7 @@ <h3 class="skrubview-margin-r-t">
             <button onclick='copyTextToClipboard("{{ val_id }}")'>📋</button>
             {% endfor %}
             {% set val_id = "{}-freq-value-all".format(col_id) %}
-            <strong>List:</strong><span></span>
+            <span>List:</span><span></span>
             <pre class="skrubview-box" id="{{ val_id }}">{{ "[" }}
             {%- for value in column.value_counts -%}
             {{ value.__repr__() }}{{", " if not loop.last }}

src/skrubview/_data/templates/dataframe-columns.html

@@ -1,7 +1,7 @@
 {% from "utils.j2" import compact_id, collapse_const_id with context %}
 <article class="skrubview-wrapper">
     <strong>Column names</strong> (check/uncheck columns below to add/remove):
-    <div class="skrubview-flex skrubview-margin-v-t">
+    <div class="skrubview-flex skrubview-flex-wrap skrubview-margin-v-t">
         <pre class="skrubview-box skrubview-selected-columns" id="{{ report_id }}-selected-columns"></pre>
         <button onclick='copyTextToClipboard("{{ report_id }}-selected-columns")'>📋</button>
             <button onclick='clearSelectedCols("{{ report_id }}")'>Clear</button>

src/skrubview/_plotting.py

@@ -72,7 +72,7 @@ def value_counts(value_counts, n_unique, color=COLOR_0):
     counts = list(value_counts.values())[::-1]
     height = 0.2 * (len(value_counts) + 1.1)
     if n_unique > len(value_counts):
-        title = f"{len(value_counts)} most frequent out of {n_unique}"
+        title = f"{len(value_counts)} most frequent"
         height += 0.5
     else:
         title = None