align to center.

app.py

@@ -17,7 +17,7 @@ from src.about import CITATION_BUTTON_LABEL, CITATION_BUTTON_TEXT, EVALUATION_QU
 from src.datamodel.data import F1Data
 from src.display.css_html_js import custom_css
 from src.display.formatting import styled_error
-from src.display.utils import AutoEvalColumn, ModelType, fields
+from src.display.utils import AutoEvalColumn, fields
 from src.envs import API, CODE_PROBLEMS_REPO, REPO_ID, RESULTS_REPO, SUBMISSIONS_REPO
 from src.logger import get_logger
 from src.populate import get_leaderboard_df

src/about.py

@@ -24,17 +24,17 @@ WHAT_IS_F1_HTML_TOP = f"""
         </div>
         <div class="f1-grid-row" role="row">
           <div class="f1-grid-cell" role="cell">Warmup</div>
-          <div class="f1-grid-cell" role="cell">100</div>
+          <div class="f1-grid-cell" role="cell" style="text-align: center;">100</div>
           <div class="f1-grid-cell" role="cell">A set of “easier” problems.</div>
         </div>
         <div class="f1-grid-row" role="row">
           <div class="f1-grid-cell" role="cell">Tier 1</div>
-          <div class="f1-grid-cell" role="cell">100</div>
+          <div class="f1-grid-cell" role="cell" style="text-align: center;">100</div>
           <div class="f1-grid-cell" role="cell">A set of challenging problems.</div>
         </div>
         <div class="f1-grid-row" role="row">
           <div class="f1-grid-cell" role="cell">Tier 2</div>
-          <div class="f1-grid-cell" role="cell">20</div>
+          <div class="f1-grid-cell" role="cell" style="text-align: center;">20</div>
           <div class="f1-grid-cell" role="cell">A set of highly challenging problems.</div>
         </div>
       </div>