LPS-41929 - On a small mobile device, when adding content and viewing the permissions table, the column and row headers use character wrap and are hard to read

Hey @natecavanaugh,

Attached is an update for http://issues.liferay.com/browse/LPS-41929.

NOTE:  "I looked at the list of responsive tables and thought a pure css approach would be lighter than implementing a javascript plugin. The problem I ran into with a pure css approach is that the design patterns don't work in ie9 and below. In ie9 and below, I used overflow on the container method so the user can still scroll sideways to view the table.

I removed @include word-break(break-all) from line 49 because it looks like it was a fix for ee-6.1.x. Nate changed the mark up for Recent Downloads portlet in 6.2.

https://issues.liferay.com/browse/LPS-41940
Fix for 6.2: https://github.com/liferay/liferay-portal/commit/421d7fb18a2232e1da689d3d09e19c29e0ef6e30
Fix for ee-6.1.x: https://github.com/liferay/liferay-portal/commit/003e723a3e6cebcef44566deb674d438c08f3ce9" - @pat270 

After reviewing this code, should we implement this responsive table in all tables?  You can send this back if we need to implement these changes throughout the portal.  We just wanted to get the code reviewed and approved before we made any additional changes.

Please let me know if you have any questions.  Thanks!