changed arrow order for readability

app.py

@@ -211,7 +211,7 @@ def create_ranking_str(ranking, ranking_difference):
     if ranking_difference > 0:
         return f"{int(ranking)} (\u2191{int(ranking_difference)})"
     elif ranking_difference < 0:
-        return f"{int(ranking)} (\u2193{int(-ranking_difference)})"
+        return f"{int(ranking)} ({int(-ranking_difference)}\u2193)"
     else:
         return f"{int(ranking)}"
     
@@ -408,7 +408,7 @@ See Figure 3 below for visualization of the confidence intervals. Code to recrea
         with gr.Row():
             with gr.Column():
                 gr.Markdown(
-                    "#### Figure 1: Fraction of Model A Wins for All Non-tied A vs. B Battles", elem_id="plot-title", variant="panel"
+                    "#### Figure 1: Fraction of Model A Wins for All Non-tied A vs. B Battles", elem_id="plot-title"
                 )
                 plot_1 = gr.Plot(p1, show_label=False, elem_id="plot-container")
             with gr.Column():
@@ -472,12 +472,10 @@ block_css = """
   display: inline-block;
   padding: 10px 10px;
   background-color: #f7f7f7; /* Super light grey background */
-  color: #000000; /* Black text */
   text-align: center;
   font-size: 26px; /* Larger text */
   border-radius: 0; /* Straight edges, no border radius */
   border: 0px solid #dcdcdc; /* A light grey border to match the background */
-  font-weight: bold;
   user-select: none; /* The text inside the button is not selectable */
   pointer-events: none; /* The button is non-interactive */
 }