Update app.py

app.py

@@ -258,7 +258,7 @@ with block:
                 with gr.Column(scale=1):
                     gr.Markdown(
                         """
-                    ### Method-name colour legend  
+                    ## Method-name colours  
                     <span style='color:green; font-weight:bold;'>Green</span>  Classical representations  
                     <span style='color:blue;  font-weight:bold;'>Blue</span>  Small-scale learned representations  
                     <span style='color:red;   font-weight:bold;'>Red</span>  Large-scale learned representations  
@@ -271,11 +271,16 @@ with block:
                     gr.Markdown(
                         """
                     ### Metric-cell shading  
-                    <span style='background-color:#006400; color:white; padding:0 .4rem; border-radius:.2rem;'>1</span>
-                    <span style='background-color:#228B22; color:white; padding:0 .4rem; border-radius:.2rem;'>2</span>
-                    <span style='background-color:#32CD32; color:black; padding:0 .4rem; border-radius:.2rem;'>3</span>
-                    <span style='background-color:#7CFC00; color:black; padding:0 .4rem; border-radius:.2rem;'>4</span>
-                    <span style='background-color:#ADFF2F; color:black; padding:0 .4rem; border-radius:.2rem;'>5</span>
+                    <span style='background-color:#006400; color:white; padding:0.4rem 0.8rem; border-radius:0.4rem;
+                                 font-size:1.1rem; display:inline-block; text-align:center; margin-right:0.2rem;'>1</span>
+                    <span style='background-color:#228B22; color:white; padding:0.4rem 0.8rem; border-radius:0.4rem;
+                                 font-size:1.1rem; display:inline-block; text-align:center; margin-right:0.2rem;'>2</span>
+                    <span style='background-color:#32CD32; color:black; padding:0.4rem 0.8rem; border-radius:0.4rem;
+                                 font-size:1.1rem; display:inline-block; text-align:center; margin-right:0.2rem;'>3</span>
+                    <span style='background-color:#7CFC00; color:black; padding:0.4rem 0.8rem; border-radius:0.4rem;
+                                 font-size:1.1rem; display:inline-block; text-align:center; margin-right:0.2rem;'>4</span>
+                    <span style='background-color:#ADFF2F; color:black; padding:0.4rem 0.8rem; border-radius:0.4rem;
+                                 font-size:1.1rem; display:inline-block; text-align:center;'>5</span>
                      = top-five scores (darkest → best)
                     """,
                         elem_classes="leaderboard-note",