Update

src/assets.py

@@ -1,7 +1,4 @@
 custom_css = """
-.gradio-container {
-  max-width: 95%!important;
-}
 
 .logo {
     width: 300px;
@@ -58,8 +55,80 @@ custom_css = """
 
 #leaderboard-table td:first-child,
 #leaderboard-table th:first-child {
-    max-width: 300px;
+    max-width: 600px;
+    overflow: auto;
+    white-space: nowrap;
+}
+
+table td:first-child,
+table th:first-child {
+    max-width: 400px;
     overflow: auto;
     white-space: nowrap;
 }
+/* Full width space */
+.gradio-container {
+    max-width: 95%!important;
+}
+/* Text style and margins */
+.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);
+}
+#search-bar-table-box > div:first-child {
+    background: none;
+    border: none;
+}
+#search-bar {
+    padding: 0px;
+}
+.tab-buttons button {
+    font-size: 20px;
+}
+/* Filters style */
+#filter_type{
+    border: 0;
+    padding-left: 0;
+    padding-top: 0;
+}
+#filter_type label {
+    display: flex;
+}
+#filter_type label > span{
+    margin-top: var(--spacing-lg);
+    margin-right: 0.5em;
+}
+#filter_type label > .wrap{
+    width: 103px;
+}
+#filter_type label > .wrap .wrap-inner{  
+    padding: 2px;
+}
+#filter_type label > .wrap .wrap-inner input{
+    width: 1px
+}
+#filter-columns-type{
+    border:0;
+    padding:0.5;
+}
+#filter-columns-size{
+    border:0;
+    padding:0.5;
+}
+#box-filter > .form{
+    border: 0
+}
+
 """