fix

src/script/participant.ts

@@ -13,7 +13,7 @@ class  Participant {
 
     constructor(obj: ParticipantObject) {
         const name = obj.name.split('+')
-        this.name = (name.length == 2 && !Number.isNaN(name[0])) ? name[1] : obj.name;
+        this.name = (name.length == 2 && !Number.isNaN(name[0]) && name[0].length > 3) ? name[1] : obj.name;
         this.tournamentId = obj.tournamentId;
         this.id = obj.id;
         this.score = obj.score;

src/style/tournament.scss

@@ -28,9 +28,7 @@
         #body {
             width: 80%;
             min-width: 208px;
-            display: grid;
-            grid-template-columns: repeat(3, 1fr);
-            grid-template-rows: 1fr;
+            display: flex;
             justify-content: center;
             transition: all 0.3s ease;
             #left {
@@ -41,16 +39,16 @@
             }
             #left, #right {
                 min-width: 80px;
-                max-width: 40%;
+                width: 40%;
                 text-overflow: ellipsis;
                 white-space: nowrap;
                 overflow: hidden;
-                font-size: 12px;
+                font-size: 16px;
             }
             #center {
                 justify-self: center;
-                width: 48px;
-                min-width: 20%;
+                min-width: 48px;
+                width: 20%;
                 color: #3b4144;
                 flex-direction: column;
                 padding-right: 2px;