More style clean ups on league page

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

@@ -1,4 +1,5 @@
-#league-table-and-information-container {
+/* Container for all table elements */
+#league-table-container {
     width: 60%;
     justify-content: center;
     align-items: center;
@@ -6,10 +7,7 @@
     transition: transform 0.3s ease; /* Add smooth transition effect */
 }
 
-#standings-table {
-    width: 100%;
-    padding: 15px;
-}
+
 
 #table-stats-container {
    width: 100%;
@@ -19,7 +17,13 @@
     border-bottom: 3px solid red; /* Add red bottom border */
 }
 
-#club-logo-row {
+#standings-table {
+    width: 100%;
+    padding: 15px;
+}
+
+/* */
+#club-logo-column {
     width: 25px; 
 }
 
@@ -30,7 +34,7 @@
 
 }
 
-#club-name {
+#club-name-column {
     cursor: pointer;
 }
 
@@ -62,8 +66,9 @@
     }
 }
 
-@media (max-width: 950px) {
-    #league-table-and-information-container {
-        width: 100%; /* Set the width to 60% when window width is less than 1161px */
-    }
+@media (max-width: 1230px) {
+    #league-table-container {
+        align-items: center;
+        width: 75%;
+    }   
 }