fix watch room extra label

app/ygopro.component.html

@@ -285,7 +285,7 @@
                                     <img *ngFor="let user of room.users" class="avatar rounded" [src]="'https://ygobbs.com/user_avatar/ygobbs.com/' + user.username + '/25/1.png'" data-toggle="tooltip" data-placement="bottom" [title]="user.username">
                                 </td>
                                 <td class="extra">
-                                    <span *ngIf="!(room.arena || room.id.startsWith('AI#'))">
+                                    <div *ngIf="!(room.arena || room.id.startsWith('AI#'))">
                                         <span *ngIf="room.options.rule != default_options.rule">{{{'0': 'OCG', '1': 'TCG', '2': 'O/T', '3': '专有卡禁止'}[room.options.rule]}}</span>
                                         <span i18n *ngIf="room.options.start_lp != default_options.start_lp && room.options.mode != 2">{{room.options.start_lp}}LP</span>
                                         <span i18n *ngIf="room.options.start_lp != default_options.start_lp_tag && room.options.mode == 2">{{room.options.start_lp}}LP</span>
@@ -294,7 +294,7 @@
                                         <span i18n *ngIf="room.options.enable_priority != default_options.enable_priority">旧规则</span>
                                         <span i18n *ngIf="room.options.no_check_deck != default_options.no_check_deck">不检查</span>
                                         <span i18n *ngIf="room.options.no_shuffle_deck != default_options.no_shuffle_deck">不洗卡</span>
-                                    </span>
+                                    </div>
                                 </td>
                             </tr>
                             </tbody>