ScoreSpot/ProjectSourceCode/src/resources/css/league-pages/league-table.css

#league-table-and-information-container {
    width: 60%;
    justify-content: center;
    align-items: center;

    transition: transform 0.3s ease; /* Add smooth transition effect */
}

#standings-table {
    width: 100%;
    padding: 15px;
}

#table-stats-container {
   width: 100%;
}

#table-stats-container th {
    border-bottom: 3px solid red; /* Add red bottom border */
}

#club-logo-row {
    width: 25px; 
}

#table-club-logo {
    width: 25px;
    margin-right: 5px;
    cursor: pointer;

}

#club-name {
    cursor: pointer;
}

#standings-table td {
    padding: 5px;
}

/* Define styles for odd and even rows */
#standings-table tbody tr:nth-child(odd) {
    background-color: #f7c4c475; /* Light gray for odd rows */
}

#standings-table tbody tr:nth-child(even) {
    background-color: #ffffff; /* White for even rows */
}

#points-column {

    font-weight: bolder;
}

/* Add hover effect to table rows */
#standings-table tbody tr:hover {
    border: 1px solid lightgray;
    border-radius: 10px;

    #club-name {
        text-decoration: underline; /* Add underline effect */
    }
}

@media (max-width: 950px) {
    #league-table-and-information-container {
        width: 100%; /* Set the width to 60% when window width is less than 1161px */
    }
}