Ugly Thumbnail when there is a long url

[ioana-chiorean]

After I've logged this: webcompat/web-bugs#4095 I got to see the thumbnail in Fennec. Not nice.

Not sure if we can make anything about it but I though to log it in.

[miketaylr]

Thanks @ioana-chiorean! I bet we could wrap it or something. @magsout?

[karlcow]

It's a very simple first bug.

We just need to add word-wrap: break-word;

.wc-Markdown a {
	color: rgb(0, 0, 0);
	text-decoration: underline;
	word-wrap: break-word;
}

[karlcow]

The code to modify:

  /* link */
  .wc-Markdown a {
    color: var(--Markdown-color);
    text-decoration: underline;
}

webcompat.com/webcompat/static/css/development/components/markdown.css

Line 27 in 551aab6

.wc-Markdown a {