test

utils.py

@@ -9,6 +9,8 @@ from envs import API, EVAL_REQUESTS_PATH, TOKEN, QUEUE_REPO
 
 custom_css = """
 @import url('https://fonts.googleapis.com/css2?family=Vazirmatn&display=swap');
+
+/* Maintain your existing font styles */
 body, .gradio-container, .gr-button, .gr-input, .gr-slider, .gr-dropdown, .gr-markdown {
     font-family: 'Vazirmatn', sans-serif !important;
 }
@@ -35,23 +37,36 @@ body, .gradio-container, .gr-button, .gr-input, .gr-slider, .gr-dropdown, .gr-ma
 }
 
 #leaderboard-table {
-    margin-top: 15px
+    margin-top: 15px;
 }
 
+/* Added Center Alignment for Table Cells */
+#leaderboard-table, 
 #leaderboard-table-lite {
-    margin-top: 15px
+    margin-top: 15px;
+    width: 100%;
+    border-collapse: collapse;
 }
 
-#search-bar-table-box > div:first-child {
-    background: none;
-    border: none;
+#leaderboard-table th, 
+#leaderboard-table td,
+#leaderboard-table-lite th,
+#leaderboard-table-lite td {
+    text-align: center; /* Center-align text in cells */
+    padding: 10px; /* Add some padding for readability */
+    border: 1px solid #ddd; /* Optional: Add a border */
 }
 
-#search-bar {
-    padding: 0px;
+#leaderboard-table th {
+    background-color: #f4f4f4; /* Optional: Light background for header row */
+}
+
+/* Add hover effect for table rows */
+#leaderboard-table tr:hover {
+    background-color: #f9f9f9; /* Optional: Highlight row on hover */
 }
 
-/* Limit the width of the first AutoEvalColumn so that names don't expand too much */
+/* Maintain the width limit for the second column */
 #leaderboard-table td:nth-child(2),
 #leaderboard-table th:nth-child(2) {
     max-width: 400px;
@@ -59,10 +74,12 @@ body, .gradio-container, .gr-button, .gr-input, .gr-slider, .gr-dropdown, .gr-ma
     white-space: nowrap;
 }
 
+/* Tab buttons styles */
 .tab-buttons button {
     font-size: 20px;
 }
 
+/* Logo and search bar adjustments */
 #scale-logo {
     border-style: none !important;
     box-shadow: none;
@@ -75,37 +92,56 @@ body, .gradio-container, .gr-button, .gr-input, .gr-slider, .gr-dropdown, .gr-ma
 #scale-logo .download {
     display: none;
 }
-#filter_type{
+
+#search-bar-table-box > div:first-child {
+    background: none;
+    border: none;
+}
+
+#search-bar {
+    padding: 0px;
+}
+
+/* Filter-related styles */
+#filter_type {
     border: 0;
     padding-left: 0;
     padding-top: 0;
 }
+
 #filter_type label {
     display: flex;
 }
-#filter_type label > span{
+
+#filter_type label > span {
     margin-top: var(--spacing-lg);
     margin-right: 0.5em;
 }
-#filter_type label > .wrap{
+
+#filter_type label > .wrap {
     width: 103px;
 }
-#filter_type label > .wrap .wrap-inner{  
+
+#filter_type label > .wrap .wrap-inner {  
     padding: 2px;
 }
-#filter_type label > .wrap .wrap-inner input{
-    width: 1px
+
+#filter_type label > .wrap .wrap-inner input {
+    width: 1px;
 }
-#filter-columns-type{
-    border:0;
-    padding:0.5;
+
+#filter-columns-type {
+    border: 0;
+    padding: 0.5;
 }
-#filter-columns-size{
-    border:0;
-    padding:0.5;
+
+#filter-columns-size {
+    border: 0;
+    padding: 0.5;
 }
-#box-filter > .form{
-    border: 0
+
+#box-filter > .form {
+    border: 0;
 }
 """