Status Page CSS is a little wonky

[pickypg]

Related to #7335

While adding the version field to the status page, I inevitably screwed up the layout of the plugin listing table. While fixing it, I noticed that the CSS for the page seems a little off.

For example, when I added the Bootstrap table class to the table, it made the text in the table positioned improperly, which makes it odd to use Bootstrap without Bootstrap. It also seems odd that the table uses col-xs-* while the top-level elements use col-md-* only.

It also seems like some of the CSS could be simplified by just taking advantage of Bootstrap CSS (e.g., .row on the tr could be used rather than .status_row with added properties).

Overall:

• Should use the same col-*-size styling.
• Should use provided CSS where possible without duping it. We can extend it with our own markers (e.g., table.plugin_status_breakdown > tr.row { ... }).
• Should probably look at using .table for tables and also the .table-responsive wrapper.

For reference, here's the status page on master:

Note:

• Stats are very weirdly aligned.
• Table does not extend to the full extent (Fix Status Table Columns #7348).

[cjcenizal]

Closing this in favor of #20001