fix: Adjust column widths for improved table layout across multiple index pages

Author: frasermolyneux

src/XtremeIdiots.Portal.Web/wwwroot/js/demos-index.js

@@ -50,7 +50,7 @@ $(document).ready(function () {
             if (gtSel && typeof data.gameType !== 'undefined') gtSel.value = data.gameType;
         },
         columnDefs: [
-            { targets: 0, responsivePriority: 1 }, // Game icon
+            { targets: 0, responsivePriority: 1, width: '30px' }, // Game icon
             { targets: 1, responsivePriority: 2 }, // Name
             { targets: 2, responsivePriority: 3 }, // Date
             { targets: 3, responsivePriority: 6 }, // Map

src/XtremeIdiots.Portal.Web/wwwroot/js/map-rotations-index.js

@@ -30,7 +30,7 @@ $(document).ready(function () {
         autoWidth: false,
         order: [[1, 'asc']],
         columnDefs: [
-            { targets: 0, responsivePriority: 3, width: '40px' },
+            { targets: 0, responsivePriority: 3, width: '30px' },
             { targets: 1, responsivePriority: 1 },
             { targets: 2, responsivePriority: 4, width: '70px' },
             { targets: 3, responsivePriority: 5, width: '80px' },

src/XtremeIdiots.Portal.Web/wwwroot/js/maps-index.js

@@ -12,11 +12,11 @@ $(document).ready(function () {
         autoWidth: false,
         order: [[1, 'asc']],
         columnDefs: [
-            { targets: 0, responsivePriority: 2 }, // Game
-            { targets: 1, responsivePriority: 1 }, // Name
-            { targets: 2, responsivePriority: 5 }, // Map Files
-            { targets: 3, responsivePriority: 3 }, // Popularity
-            { targets: 4, responsivePriority: 4 }  // Image
+            { targets: 0, responsivePriority: 2, width: '30px' },  // Game (icon only)
+            { targets: 1, responsivePriority: 1, width: '20%' },  // Name
+            { targets: 2, responsivePriority: 5, width: '25%' },  // Map Files
+            { targets: 3, responsivePriority: 3, width: '30%' },  // Popularity
+            { targets: 4, responsivePriority: 4, width: '20%' }   // Image
         ],
         ajax: {
             url: dataUrl,

src/XtremeIdiots.Portal.Web/wwwroot/js/maps-vote-log.js

@@ -12,7 +12,7 @@ $(document).ready(function () {
         autoWidth: false,
         order: [[5, 'desc']],
         columnDefs: [
-            { targets: 0, responsivePriority: 3 }, // Game
+            { targets: 0, responsivePriority: 3, width: '30px' }, // Game
             { targets: 1, responsivePriority: 1 }, // Map
             { targets: 2, responsivePriority: 2 }, // Player
             { targets: 3, responsivePriority: 5 }, // Server

src/XtremeIdiots.Portal.Web/wwwroot/js/servers-index.js

@@ -15,7 +15,7 @@ $(document).ready(function () {
             pageLength: 25,
             order: [], // Preserve server-side ordering (ServerListPosition)
             columnDefs: [
-                { targets: 0, responsivePriority: 6, orderable: false }, // Game icon - not sortable
+                { targets: 0, responsivePriority: 6, orderable: false, width: '30px' }, // Game icon - not sortable
                 { targets: 1, responsivePriority: 1 }, // Title - always visible, sortable
                 { targets: 2, responsivePriority: 3 }, // Hostname - medium priority, sortable
                 { targets: 3, responsivePriority: 5, orderable: false }, // Links - not sortable