Winners by Category: put scores before names

- Swap column order so score appears first, then model name
- Update CSS styling for new column order

Co-authored-by: openhands <openhands@all-hands.dev>

content.py

@@ -1065,28 +1065,28 @@ h3 .header-link-icon {
     background: rgba(255, 225, 101, 0.15);
 }
 
-.winners-unified-table .model-cell {
-    white-space: nowrap;
-    color: var(--color-text-dark);
-    font-weight: 500;
-    border-right: none;
-}
-
-.dark .winners-unified-table .model-cell {
-    color: #fff;
-}
-
 .winners-unified-table .score-cell {
-    text-align: right;
+    text-align: left;
     font-weight: 700;
     color: var(--color-primary-dark);
-    padding-right: 12px;
-    border-right: 1px solid #eee;
+    padding-left: 12px;
     min-width: 50px;
 }
 
 .dark .winners-unified-table .score-cell {
     color: var(--color-primary-accent);
+}
+
+.winners-unified-table .model-cell {
+    white-space: nowrap;
+    color: var(--color-text-dark);
+    font-weight: 500;
+    padding-right: 12px;
+    border-right: 1px solid #eee;
+}
+
+.dark .winners-unified-table .model-cell {
+    color: #fff;
     border-right-color: var(--color-neutral-700);
 }
 

ui_components.py

@@ -548,11 +548,11 @@ def create_winners_by_category_html(df: pd.DataFrame, top_n: int = 5) -> str:
                     rank_suffix = " 🥉"
                 
                 html_parts.append(f'''
-                    <td class="model-cell">{model_display}{rank_suffix}</td>
                     <td class="score-cell">{score:.1f}</td>
+                    <td class="model-cell">{model_display}{rank_suffix}</td>
                 ''')
             else:
-                html_parts.append('<td class="model-cell">-</td><td class="score-cell">-</td>')
+                html_parts.append('<td class="score-cell">-</td><td class="model-cell">-</td>')
         
         html_parts.append('</tr>')