fix css

tournaments/models/match.py

@@ -428,7 +428,7 @@ class Match(SideStoreModel):
         if self.group_stage:
             group_stage_name = self.group_stage.display_name()
         else:
-            bracket_name = f"Match n˚{self.index_in_round() + 1}"
+            bracket_name = "Match #" + f"{self.index_in_round() + 1}"
 
         ended = self.end_date is not None
         live_format = "Format " + FederalMatchCategory(self.format).format_label_short

tournaments/static/tournaments/css/style.css

@@ -904,17 +904,18 @@ h-margin {
 
 .status-container-bracket {
     margin: 0px -20px -20px -20px; /* Negative margin to counter the bubble padding, including bottom */
-    padding: 10px 20px 20px 20px; /* Add padding back to maintain text alignment, including bottom */
+    padding: 10px 20px 10px 20px; /* Add padding back to maintain text alignment, including bottom */
     border-radius: 0 0 24px 24px; /* Match the bubble's bottom corners */
+    align-items: center;
 }
 
 .status-container-bracket-header {
-    height: 30px;
+    height: 24px;
     text-align: left;
 }
 
 .status-container-bracket-header-bottom {
-    height: 30px;
+    height: 24px;
     text-align: left;
 }
 

tournaments/templates/tournaments/bracket_match_cell.html

@@ -3,7 +3,7 @@
         <div class="cell medium-12 large-3 my-block">
             <div class="bubble">
 
-                <div class="status-container-bracket-header">
+                <div class="status-container-bracket-header flex-row">
                     {% if match.bracket_name %}
                     <label class="minor-info bold">{{ match.bracket_name }}</label>
                     {% endif %}