League table imported in

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

@@ -6,11 +6,29 @@
 
 #league-information-container {
     height: 100px;
-    background-color: #f0f0f0; /* Example background color */
-    display: flex;
+    margin: 20px;
+    background: linear-gradient(to right, white, rgb(245, 245, 245), rgb(227, 227, 227)); /* Gradient from white to gray */
+    padding: 10px; /* 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 4px rgba(0, 0, 0, 0.4);
+
+    display: flex; /* Use flexbox for layout */
+    align-items: center; /* Center content vertically */
+
     /* Add any other styling you need for the league information container */
 }
 
+#league-logo {
+    margin: 0px 10px;
+    transform: skewX(20deg); /* Skew the banner to create a triangular side */
+    height: 80%;
+}
+
+#league-title {
+    transform: skewX(20deg); /* Skew the banner to create a triangular side */
+}
+
 #league-stats-container {
     display: flex;
     flex: 1;
@@ -22,6 +40,20 @@
     /* Add any other styling you need for the league table container */
 }
 
+#table-logo {
+    width: 20px;
+    margin: 0;
+}
+
+#standings-table tbody tr.even {
+    background-color: #f2f2f2;
+}
+
+#standings-table tbody tr.odd {
+    background-color: #a2a1a1;
+}
+
+
 #top-scorers-container {
     flex: 1;
     background-color: #dcdcdc; /* Example background color */