MediaWiki:Common.css

/* CSS placed here will be applied to all skins */
/* Force tables to use 100% width when this class is used */
.fullwidth {
    width: 100% !important;
}

/* Optional: Prevent Game Mode from wrapping onto two lines */
.nowrap {
    white-space: nowrap;
}

/* STRONG FIX: Disable links in ALL sortable table headers */
table.wikitable th a,
table.wikitable th.headerSort a {
    pointer-events: none !important; /* Makes clicks pass through to the sort button */
    cursor: pointer !important;      /* Shows the hand cursor for sorting */
    color: black !important;         /* Forces text to look black, not blue */
    text-decoration: none !important; /* Removes the underline */
}
/* Hide columns based on the 'hide' parameter */
.hide-Genre .col-genre, 
.hide-Platform .col-platform, 
.hide-Mode .col-mode,
.hide-Players .col-players {
    display: none !important;
}
/* CSS placed here will be applied to all skins */

/* ... (Keep your existing table CSS here) ... */

/* SMART GRID FOR FORMS */
/* This forces checkbox lists to align in perfect equal boxes */
.pf-checkbox-grid {
    display: grid;
    /* Create columns that are at least 140px wide, but stretch to fill space */
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); 
    gap: 10px; /* Space between items */
    width: 100%;
}

/* Ensure the checkbox and text stay together */
.pf-checkbox-grid span.checkboxLabel {
    display: flex;
    align-items: center;
    background: #fff;
    padding: 5px;
    border: 1px solid #eee; /* Subtle border for each item */
    border-radius: 4px;
}

.pf-checkbox-grid span.checkboxLabel:hover {
    background: #f0f8ff;
    border-color: #3366cc;
}