Fix HTML W3C stuff

Author: nickygerritsen

webapp/public/style_domjudge.css

@@ -284,7 +284,7 @@ img.affiliation-logo {
 .silver-medal { background-color: #aaa }
 .bronze-medal { background-color: #c08e55 }
 
-#scoresolv,#scoretotal { width: 2.5em; }
+#scoresolv,#scoretotal,#scoresolvmobile,#scoretotalmobile { width: 2.5em; }
 .scorenc,.scorett,.scorepl { text-align: center; width: 2ex; }
 .scorenc { font-weight: bold; }
 td.scorenc { border-color: silver; border-right: 0; }

webapp/templates/partials/scoreboard_table.html.twig

@@ -38,22 +38,22 @@
     {# output table column groups (for the styles) #}
     <colgroup>
         {% if enable_ranking %}
-            <col id="scorerank"/>
+            <col id="scorerankmobile"/>
         {% endif %}
         {% if showFlags %}
-            <col id="scoreflags"/>
+            <col id="scoreflagsmobile"/>
         {% else %}
             <col/>
         {% endif %}
         {% if showAffiliationLogos %}
-            <col id="scorelogos"/>
+            <col id="scorelogosmobile"/>
         {% endif %}
-        <col id="scoreteamname"/>
+        <col id="scoreteamnamemobile"/>
     </colgroup>
     {% if enable_ranking %}
         <colgroup>
-            <col id="scoresolv"/>
-            <col id="scoretotal"/>
+            <col id="scoresolvmobile"/>
+            <col id="scoretotalmobile"/>
         </colgroup>
     {% endif %}
     <colgroup>