fix navigation stick together when small width

tournaments/templates/tournaments/navigation_tournament.html

@@ -1,22 +1,22 @@
 <nav class="margin10">
     {% if tournament.display_matches %}
-    <a href="{% url 'tournament' tournament.id %}" class="mybox">Matches</a>
+    <a href="{% url 'tournament' tournament.id %}" class="mybox topmargin5">Matches</a>
     {% endif %}
 
     {% if tournament.display_group_stages %}
-    <a href="{% url 'group-stages' tournament.id %}" class="mybox">Poules</a>
+    <a href="{% url 'group-stages' tournament.id %}" class="mybox topmargin5">Poules</a>
     {% endif %}
 
     {% if tournament.display_summons %}
-    <a href="{% url 'tournament-summons' tournament.id %}" class="mybox">Convocations</a>
+    <a href="{% url 'tournament-summons' tournament.id %}" class="mybox topmargin5">Convocations</a>
     {% endif %}
 
     {% if tournament.display_teams %}
-    <a href="{% url 'tournament-teams' tournament.id %}" class="mybox">Équipes</a>
+    <a href="{% url 'tournament-teams' tournament.id %}" class="mybox topmargin5">Équipes</a>
     {% endif %}
 
     {% if tournament.display_rankings %}
-    <a href="{% url 'tournament-rankings' tournament.id %}" class="mybox">Classement</a>
+    <a href="{% url 'tournament-rankings' tournament.id %}" class="mybox topmargin5">Classement</a>
     {% endif %}
 
 </nav>