Fix 2XKO text color, left flag alignment and right name order

src/graphics/scoreboard-2xko/main.vue

@@ -216,7 +216,7 @@ const gameText = computed(() => scoreboard.value.game || '2XKO');
           height="50"
           viewBox="0 0 464 50"
         ><defs><clipPath id="p1-clip-path"><rect
-          x="410.18"
+          x="6.57"
           y="7"
           width="47.25"
           height="35.87"
@@ -243,7 +243,7 @@ const gameText = computed(() => scoreboard.value.game || '2XKO');
           :href="leftFlagUrl || leftCharacterImage"
           width="46"
           height="34.5"
-          x="410.75"
+          x="7.15"
           y="7.7"
           preserveAspectRatio="xMidYMid meet"
           clip-path="url(#p1-clip-path)"
@@ -361,7 +361,7 @@ const gameText = computed(() => scoreboard.value.game || '2XKO');
         class="nameBlock"
       >
         <div class="name">
-          {{ rightName }} <span v-if="rightTeam">|</span> {{ rightTeam }}
+          {{ rightTeam }} <span v-if="rightTeam">|</span> {{ rightName }}
         </div>
       </div>
     </div>

src/graphics/scoreboard-2xko/template.css

@@ -197,6 +197,7 @@ body {
 	font-size: 20px;
 	white-space: nowrap;
 	text-align: center;
+	color: #ffffff;
 }
 
 #nameBlockP1 {
@@ -222,6 +223,7 @@ body {
 	font-family: 'Shapiro 115 Plus Ext';
 	font-size: 24px;
 	text-align: center;
+	color: #ffffff;
 }
 
 .centerPanel {
@@ -245,6 +247,7 @@ body {
 	align-content: center;
 	padding: 2px 10px;
 	margin: 0px 0px;
+	color: #ffffff;
 }
 
 #topText {
@@ -368,6 +371,7 @@ body {
 	height: 20px;
 	position: relative;
 	z-index: 1;
+	color: #ffffff;
 }
 
 .micIcon {
@@ -399,6 +403,7 @@ body {
 	width: 130px;
 	align-items: flex-start;
 	justify-content: center;
+	color: #ffffff;
 }
 
 :root {