Make overrepresented table entries a fixed size table with scrolling.

CHANGELOG.rst

@@ -9,6 +9,8 @@ Changelog
 
 version 0.10.0-dev
 ------------------
++ Make overrepresented sequences table scrollable and smaller so it is easier
+  to skip over when lots of entries are found.
 + Overrepresented sequence analysis now only counts unique fragments per read.
   Fragments that are duplicated inside the read are counted only once. This
   prevents long stretches of genomic repeats getting higher reported

src/sequali/report_modules.py

@@ -1462,7 +1462,7 @@ def to_html(self) -> str:
             </table>
             """
         )
-        content.write("<table>")
+        content.write("<div class=\"overrepresented_table\"><table>")
         content.write("<tr><th>count</th><th>percentage</th>"
                       "<th>canonical sequence</th>"
                       "<th>reverse complemented sequence</th>"
@@ -1479,7 +1479,7 @@ def to_html(self) -> str:
                     <td style="text-align:right">
                         {item.most_matches / item.max_matches:.02%}</td>
                     <td>{html.escape(item.best_match)}</td></tr>""")
-        content.write("</table>")
+        content.write("</table></div>")
         return content.getvalue()
 
     @classmethod

src/sequali/static/sequali_report.css

@@ -96,3 +96,10 @@ tr:nth-child(odd) {
 tr:hover {
     background-color: darkseagreen;
 }
+
+.overrepresented_table {
+    /* Use a non-integer height so the last row is partially visible. This
+       indicates that the table is scrollable. */
+    max-height: 35.75em;
+    overflow-y: scroll;
+}