fixes on summins

tournaments/templates/tournaments/broadcasted_summons.html

@@ -20,8 +20,8 @@
 
                 const splitGroups = [];
                 this.paginatedMatches.forEach(group => {
-                    const firstHalf = group.slice(0, group.length / 2);
-                    const secondHalf = group.slice(group.length / 2);
+                    const firstHalf = group.slice(0, 8);
+                    const secondHalf = group.slice(8);
                     splitGroups.push([firstHalf, secondHalf]);
                 });
                 this.paginatedMatches = splitGroups;
@@ -46,21 +46,20 @@
     }" x-init="loop()">
 
 
-    <div class="grid-x padding-bottom">
+    <div class="grid-x">
         <template x-for="i in paginatedMatches.length" >
-            <div x-show="active === i">
             <template x-for="column in paginatedMatches[i-1]" >
-                    <div class="cell medium-6 large-6 topblock my-block">
+                <div class="cell medium-6 large-6 topblock my-block" x-show="active === i">
                     <div class="bubble">
                         <template x-for="summon in column" >
                             <div class="table-row-4-colums bottom-border">
                                 <div class="table-cell table-cell-large semibold">
                                     <template x-for="i in summon.names.length">
-                                            <span x-text="summon.names[i-1]"></span>
+                                        <div x-text="summon.names[i-1]"></div>
                                     </template>
                                 </div>
 
-                                    <div class="table-cell"><span x-text="summon.weight"></span></div>
+                                <div class="table-cell center"><span x-text="summon.weight"></span></div>
                                 <div class="table-cell large center"><span x-text="summon.date"></span></div>
                                 <div class="table-cell"><div class="mybox center"><span x-text="summon.stage"></span></div></div>
                             </div>
@@ -68,7 +67,6 @@
                     </div>
                 </div>
             </template>
-            </div>
         </template>
     </div>
 </div>

tournaments/templates/tournaments/summon_row.html

@@ -8,7 +8,7 @@
                 {% endfor %}
             </div>
 
-            <div class="table-cell">{{ summon.weight }}</div>
+            <div class="table-cell center">{{ summon.weight }}</div>
             <div class="table-cell large center">{{ summon.date|date:'H:i' }}</div>
             <div class="table-cell"><div class="mybox center">{{ summon.stage }}</div></div>
         </div>