Tables fit fine on mobile sideways view and look much better on mobile if they are not cut off.
What would you think about permanently moving the responsive tables section to a new @media 600px section in the responsive.css?
What would you think about permanently moving the responsive tables section to a new @media 600px section in the responsive.css?
Code:
@media (max-width: 600px) {/* Responsive tables----------------------------------------*/table.responsive, table.responsive tbody, table.responsive tr, table.responsive td {display: block;}table.responsive thead, table.responsive th {display: none;}table.responsive.show-header thead, table.responsive.show-header th:first-child {display: block;width: auto !important;text-align: left !important;}table.responsive.show-header th:first-child span.rank-img {display: none;}table.responsive tr {margin: 2px 0;}table.responsive td {width: auto !important;text-align: left !important;padding: 4px;}table.responsive td.empty {display: none !important;}table.responsive td > dfn {display: inline-block !important;}table.responsive td > dfn:after {content: ':';padding-right: 5px;}table.responsive span.rank-img {float: none;padding-right: 5px;}table.responsive.memberlist td:first-child input[type="checkbox"] {float: right;}}Statistics: Posted by Sniper_E — Sun Jan 07, 2024 8:36 am
