More styling added for table

ProjectSourceCode/src/resources/css/league-pages/league-page.css

@@ -11,7 +11,6 @@
     background: linear-gradient(to right, white, rgb(245, 245, 245), rgb(227, 227, 227)); /* Gradient from white to gray */
     padding: 10px 20px; /* Adjust padding as needed */
     transform: skewX(-20deg); /* Skew the banner to create a triangular side */
-    cursor: pointer; /* Change cursor to pointer on hover */
     box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.4);
 
     display: flex; /* Use flexbox for layout */
@@ -51,6 +50,7 @@
 #league-stats-containers {
     width: 100%;
     display: flex;
+    flex-wrap: wrap; /* Allow items to wrap onto multiple lines */
 }
 
 #table-stats-container, #top-scorers-stats-container {
@@ -71,3 +71,15 @@
     transform: scale(1.01); /* Scale the row by 1.1 on hover */
     box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.3);
 }
+
+@media (max-width: 1161px) {
+    #league-stats-container {
+        flex-direction: column;
+    }
+
+    #league-table-and-information-container,
+    #top-scorers-container {
+        width: 100%; /* Both containers take full width */
+    }
+}
+    

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

@@ -41,6 +41,11 @@
     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;