BB-714: Fix search results page on Safari

[faraz16iqbal]

BB-714

Problem

The width of tables on the Webkit-based browser are broken.

The width of the columns is defined using Bootstrap CSS classes, which is not working on Webkit.

Solution

Setting the column sizes using the width attribute in percentages solves the issue.

Areas of Impact

All tables rendered on the Bookbrainz website that use the col-md class name to specify the width.

[faraz16iqbal]

@MonkeyDo there were some other tables that were using the col-md class name to specify the width. I have updated all of them under this PR

[MonkeyDo]

It think this should all be done using the width attribute rather than inline style, as suggested in the ticket:

<tr width="16%"> instead of <tr style="width:16%">

[MonkeyDo]

Thanks, this looks a whole lot better already!

I did a bit of testing after putting the PR up on test.bookbrainz, and found the profile page looking like this:

Not sure what's happening there but I'll leave it with you to investigate.
If you need help testing with Safari I can help out (otherwise there's also BrowserStack that I sometimes use for browser testing)

[faraz16iqbal]

Thanks, this looks a whole lot better already!

I did a bit of testing after putting the PR up on test.bookbrainz, and found the profile page looking like this:

Not sure what's happening there but I'll leave it with you to investigate. If you need help testing with Safari I can help out (otherwise there's also BrowserStack that I sometimes use for browser testing)

I think its because of the dt and dh tags not supporting the width attribute. I think reverting this will solve the problem

[faraz16iqbal]

@MonkeyDo this should be good to go now!

[MonkeyDo]

Thank you !