improved leaderboard css

assets/web/public/css/leaderboard.css

+body{
+    background-image: url('/img/background.png');
+}
+
 .header-navbar {
     position: relative;
 }
@@ -36,12 +40,23 @@
     width: 50px;
     margin-top: 7px;
 }
+.leaderboard-list {
+    width: auto;
+    border: 1px solid rgb(53 144 42);
+    background-color: white;
+    opacity: 0.8;
+    
+    }
     
 .navigation-row {
     background-color: rgba(0, 0, 0, 0.08);
     text-transform: uppercase;
     height: 45px;
 }
+.navigation-row a:hover{
+    background-color: #ddd;
+    color: black;
+}
 
 .navigation-row .mdl-navigation {
     text-align: center;
@@ -60,6 +75,10 @@
     background-color: rgba(197, 197, 197, 0.44);
 }
 
+.mdl-color--primary {
+    opacity: 80%;
+    background-color: rgb(96,125,139)!important;
+}
 .navigation-row .is-active {
     position: relative;
     font-weight: bold;
@@ -91,3 +110,4 @@
 .padding-top {
     padding: 10px 0 0;
 }
+

assets/web/public/js/leaderboard.js

@@ -47,25 +47,19 @@ span4.setAttribute("class","mdl-list__item-text-body");
 span4.appendChild(document.createTextNode("Level: "));
 span1.appendChild(span4);
 
-let a1 = document.createElement("a");
-span4.appendChild(a1);
-a1.appendChild(document.createTextNode(entry["Level"]));
-a1.appendChild(document.createElement("br"));
-a1.appendChild(document.createTextNode("Experience: "));
 
-let a2 = document.createElement("a");
-a2.appendChild(document.createTextNode(entry["Experience"]));
+span4.appendChild(document.createTextNode(entry["Level"]));
+span4.appendChild(document.createElement("br"));
+span4.appendChild(document.createTextNode("Experience: "));
 
-let a12 = a1.appendChild(a2);
-span4.appendChild(a12);
+
+span4.appendChild(document.createTextNode(entry["Experience"]));
 
 let span5 = document.createElement("Span");
 span5.setAttribute("class","mdl-list__item-secondary-content");
 
-let a3 = document.createElement("a");
-a3.setAttribute("class","mdl-list__item-secondary-action");
-a3.appendChild(document.createTextNode('#' + (key + 1) ));
-span5.appendChild(a3);
+let counter = document.createTextNode('#' + (key + 1) );
+span5.appendChild(counter);
 li.appendChild(span5);
 
 return li;