Optimize style of supported-versions table on mobile (#1243)

Co-authored-by: Luffy <[email protected]>

Author: xerc

js/common.js

@@ -828,15 +828,12 @@ function getLanguage() {
      */
     $(document).ready(function () {
         $('table').each(function () {
-            var $table = $(this);
-            $table.find('th').each(function (index) {
-                var $th = $(this);
-                var text = $th.text();
-                if (text === '') {
-                    return;
-                }
-                $table.find('td:nth-child(' + (index + 1) + ')')
-                    .attr('data-label', text);
+            var $columns = $(this).find('td:not(.collapse-phone)');
+            var $headers = $(this).find('th');
+            $headers.each(function (index) {
+              $columns.filter(function (counter) {
+                return index === counter % $headers.length;
+              }).attr('data-label', $(this).text());
             });
         });
     });

styles/supported-versions.css

@@ -19,11 +19,11 @@ table.standard tr.stable td:first-child {
 	}
 
 	table.standard td.collapse-phone {
-		padding: 0;
+		display: none;
 	}
 
-	table.standard td.collapse-phone * {
-		display: none;
+	table.standard:nth-of-type(2) td::before {
+		content: unset;
 	}
 }