Make it work

In a future PR we should look at how we want to show this, it seems we
have multple hacks to make things work which can be streamlined.

webapp/public/style_domjudge.css

@@ -649,6 +649,12 @@ blockquote {
 }
 
 @media only screen and (min-width: 600px) {
+    .scoreheader,
+    .scoreheader th {
+	background-color: white;
+	z-index: 200;
+    }
+
     .summaryline td {
         position: sticky;
         bottom: 0;
@@ -662,15 +668,15 @@ blockquote {
         /*border: none;*/
         background: var(--background-color);
     }
-    
+
     /*.scoreheader, .scoreheader th {
         border: 1px solid red;
         box-shadow: 0 -1px 0 0 black,
                     0  1px 0 0 black;
     }*/
-    
+
     tbody.scoreboard-sortorder-body {
-        /*position: relative;*/
+        position: relative;
         z-index: 100;
     }
 }

webapp/templates/partials/scoreboard_table.html.twig

@@ -394,6 +394,9 @@
 
         .cl{{ colorClass }} {
             background-color: {{ color }};
+            /*background-clip: padding-box;*/
+            /*background-clip: content-box;*/
+            background-clip: text;
         }
 
         {% set cMin = color|hexColorToRGBA(0) %}