From cef7a3e87304c18a5daeb2df02401ff4b0b2ade1 Mon Sep 17 00:00:00 2001
From: Jerome Dockes <jerome@dockes.org>
Date: Mon, 15 Jan 2024 14:41:56 +0100
Subject: [PATCH] details

---
 src/skrubview/_data/templates/base.css               | 6 ++++++
 src/skrubview/_data/templates/column-summary.html    | 2 +-
 src/skrubview/_data/templates/dataframe-columns.html | 2 +-
 src/skrubview/_plotting.py                           | 2 +-
 4 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/skrubview/_data/templates/base.css b/src/skrubview/_data/templates/base.css
index 4ed433f..861206e 100644
--- a/src/skrubview/_data/templates/base.css
+++ b/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;
diff --git a/src/skrubview/_data/templates/column-summary.html b/src/skrubview/_data/templates/column-summary.html
index 7fb7886..dee2bcf 100644
--- a/src/skrubview/_data/templates/column-summary.html
+++ b/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 }}
diff --git a/src/skrubview/_data/templates/dataframe-columns.html b/src/skrubview/_data/templates/dataframe-columns.html
index 294c312..2f20557 100644
--- a/src/skrubview/_data/templates/dataframe-columns.html
+++ b/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>
diff --git a/src/skrubview/_plotting.py b/src/skrubview/_plotting.py
index 853dcd9..84248e7 100644
--- a/src/skrubview/_plotting.py
+++ b/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