Removes additional separator at the end of lists

tournaments/static/tournaments/css/style.css

@@ -71,6 +71,10 @@ nav a {
     /* Adjust the horizontal spacing between <a> elements */
 }
 
+hr {
+    margin: 2px 0px;
+}
+
 /* a {
     color: #707070;
     padding: 8px 12px;

tournaments/templates/tournaments/broadcasted_group_stage.html

@@ -7,7 +7,7 @@
     <template x-for="i in group_stage.teams.length">
 
         <div>
-            <div class="flex dark-bottom-border">
+            <div class="flex">
 
                 <div class="flex-left">
                     <template x-for="name in group_stage.teams[i-1].names">

tournaments/templates/tournaments/broadcasted_match.html

@@ -42,7 +42,7 @@
             </div>
 
              <div x-show="i === 1">
-                 <div class="bottom-border"></div>
+                 <hr/>
              </div>
 
          </div>

tournaments/templates/tournaments/broadcasted_ranking.html

@@ -1,6 +1,7 @@
 {% load static %}
 
-        <div class="table-row-3-colums-ranks bottom-border">
+    <div>
+        <div class="table-row-3-colums-ranks">
 
             <div class="table-cell"><div class="mybox center"><span x-text="ranking.formatted_ranking"></div></div>
             <div class="table-cell table-cell-large padding-left semibold">
@@ -12,3 +13,7 @@
 
             <div class="table-cell right horizontal-padding"><span x-text="ranking.points"></div>
         </div>
+        <div x-show="index < column.length - 1">
+            <hr/>
+        </div>
+    </div>

tournaments/templates/tournaments/broadcasted_rankings.html

@@ -56,7 +56,7 @@
                 <div class="cell medium-6 large-6 topblock my-block" x-show="active === i">
 
                     <div class="bubble">
-                        <template x-for="ranking in column" >
+                        <template x-for="(ranking, index) in column" >
 
                             {% include 'tournaments/broadcasted_ranking.html' %}
 

tournaments/templates/tournaments/broadcasted_summon.html

@@ -1,6 +1,7 @@
 <div class="bubble">
-    <template x-for="summon in column" >
-        <div class="table-row-4-colums bottom-border">
+    <template x-for="(summon, index) in column" >
+        <div>
+            <div class="table-row-4-colums">
                 <div class="table-cell table-cell-large semibold">
                     <template x-for="i in summon.names.length">
                         <div x-text="summon.names[i-1]"></div>
@@ -11,5 +12,10 @@
                 <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>
+
+            <div x-show="index < column.length - 1">
+                <hr/>
+            </div>
+        </div>
     </template>
 </div>

tournaments/templates/tournaments/broadcasted_summons.html

@@ -55,9 +55,12 @@
             <template x-for="column in paginatedMatches[i-1]" >
                 <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">
+                    {% include 'tournaments/broadcasted_summon.html' %}
+
+                    <!-- <div class="bubble">
+                        <template x-for="(summon, index) in column" >
+                            <div>
+                                <div class="table-row-4-colums">
                                     <div class="table-cell table-cell-large semibold">
                                         <template x-for="i in summon.names.length">
                                             <div x-text="summon.names[i-1]"></div>
@@ -68,9 +71,15 @@
                                     <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>
-                        </template>
+
+                                <div x-show="index < column.length - 1">
+                                    <hr/>
                                 </div>
                             </div>
+
+                        </template>
+                    </div> -->
+                </div>
             </template>
         </template>
     </div>

tournaments/templates/tournaments/group_stage_cell.html

@@ -12,7 +12,7 @@
 
                 {% for team in group_stage.teams %}
 
-                <div class="flex dark-bottom-border">
+                <div class="flex">
                     <div class="flex-left">
                         {% for name in team.names %}
                         <div class="semibold {% if team.is_winner %}winner{% endif %}">
@@ -36,6 +36,10 @@
                     </div>
                 </div>
 
+                {% if not forloop.last %}
+                <div class="dark-bottom-border"></div>
+                {% endif %}
+
                 {% endfor %}
 
                 </div>

tournaments/templates/tournaments/ranking_row.html

@@ -1,6 +1,6 @@
 {% load static %}
 
-        <div class="table-row-3-colums-ranks bottom-border">
+        <div class="table-row-3-colums-ranks">
 
             <div class="table-cell"><div class="mybox center">{{ ranking.formatted_ranking }}</div></div>
             <div class="table-cell table-cell-large padding-left semibold">
@@ -15,3 +15,7 @@
                 <div class="table-cell right horizontal-padding"></div>
             {% endif %}
         </div>
+
+        {% if not forloop.last %}
+        <hr/>
+        {% endif %}

tournaments/templates/tournaments/team_row.html

@@ -1,6 +1,6 @@
 {% load static %}
 
-        <div class="table-row-3-colums-teams bottom-border">
+        <div class="table-row-3-colums-teams">
 
             <div class="table-cell table-cell-large semibold">
                 {% for name in team.names %}
@@ -16,3 +16,7 @@
             {% endif %}
             <div class="table-cell "><div class="mybox center">{{ team.stage }}</div></div>
         </div>
+
+        {% if not forloop.last %}
+        <hr/>
+        {% endif %}

tournaments/templates/tournaments/tournament_row.html

@@ -1,5 +1,5 @@
         <a href="{% url 'tournament' tournament.id %}">
-            <div class="table-row-4-colums-tournament bottom-border vertical-padding">
+            <div class="table-row-4-colums-tournament vertical-padding">
                 <div class="tight table-cell">
                     <div class="large">{{ tournament.level }}</div>
                     <div class="small">{{ tournament.category }}</div>
@@ -33,3 +33,6 @@
                 </div>
             </div>
         </a>
+        {% if not forloop.last %}
+        <hr/>
+        {% endif %}