Update utils.py

utils.py

@@ -12,57 +12,53 @@ custom_css = """
 body, .gradio-container, .gr-button, .gr-input, .gr-slider, .gr-dropdown, .gr-markdown {
     font-family: 'Vazirmatn', sans-serif !important;
 }
-
 .markdown-text {
     font-size: 16px !important;
 }
-
 #models-to-add-text {
     font-size: 18px !important;
 }
-
 #citation-button span {
     font-size: 16px !important;
 }
-
 #citation-button textarea {
     font-size: 16px !important;
 }
-
 #citation-button > label > button {
     margin: 6px;
     transform: scale(1.3);
 }
-
 #leaderboard-table {
-    margin-top: 15px
+    margin-top: 15px;
+    text-align: center;
+}
+#leaderboard-table td,
+#leaderboard-table th {
+    text-align: center;
+    vertical-align: middle;
 }
-
 #leaderboard-table-lite {
     margin-top: 15px
 }
-
 #search-bar-table-box > div:first-child {
     background: none;
     border: none;
 }
-
 #search-bar {
     padding: 0px;
 }
-
-/* Limit the width of the first AutoEvalColumn so that names don't expand too much */
-#leaderboard-table td:nth-child(2),
-#leaderboard-table th:nth-child(2) {
+#leaderboard-table td:nth-child(0),
+#leaderboard-table th:nth-child(0) {
     max-width: 400px;
     overflow: auto;
     white-space: nowrap;
 }
-
+table > thead {
+    white-space: normal;
+}
 .tab-buttons button {
     font-size: 20px;
 }
-
 #scale-logo {
     border-style: none !important;
     box-shadow: none;
@@ -71,7 +67,6 @@ body, .gradio-container, .gr-button, .gr-input, .gr-slider, .gr-dropdown, .gr-ma
     margin-right: auto;
     max-width: 600px;
 }
-
 #scale-logo .download {
     display: none;
 }