Long urls breaks table responsiveness

[GabLeRoux]

I tried to add the following .break-all class:

webextensions-history-browser/src/css/main.css

Lines 1 to 4 in a001096

	.break-all {
	word-break:break-all;
	display: flex;
	}

on the anchor tag here:

webextensions-history-browser/src/js/history.js

Line 75 in a001096

return '<a href="' + data + '" target="_blank">' + data + '</a>';

but the column width gets too small:

We should try to resize columns, maybe use something like jeffreydwalter/ColReorderWithResize (see it in action)

[GabLeRoux]

As explained in 1642c50 message

Note: this introduces an issue when resizing columns where contents gets
removed or replaced randomly. Maybe it's broken or there's something
wrong with recent versions of dataTable :(

We need to find a fix for the data disappearing when using jeffreydwalter/ColReorderWithResize or find another solution.

[GabLeRoux]

Oh nervermind, it works as expected. Problem happens when we actually click the header. It was due to column ordering which was totally confusing me.

So maybe we should find a way to order columns only by clicking the ordering icon and not the whole header. I'm ok with that 🎉