Update nav to scheme C: Raw Images: obox · Google Drive

src/about.py

@@ -309,16 +309,31 @@ input:focus, textarea:focus, select:focus {
     transform: translateX(20px) !important;
 }
 
-/* Refresh button vertical alignment */
+/* Leaderboard controls alignment */
+.leaderboard-controls {
+    align-items: flex-end !important; /* Align items to the bottom */
+    gap: 12px !important; /* Add space between controls */
+}
+
+/* Refresh button styling */
 .refresh-btn {
-    margin-top: 30px !important;
-    width: 60px !important;
-    height: 60px !important;
-    border-radius: 12px !important;
-    padding: 0 !important;
-    font-size: 0.65em !important;
-    line-height: 1.1 !important;
-    white-space: normal !important;
+    min-width: 0 !important; /* Override gradio default min-width */
+    height: 42px !important; /* Match dropdown height */
+    width: auto !important;
+    padding: 8px 20px !important; /* Adjust padding */
+    margin: 0 !important; /* Reset margin */
+    font-size: 0.95em !important; /* Match other inputs */
+    line-height: normal !important; /* Reset line-height */
+    border-radius: 10px !important; /* Ensure all corners are rounded */
+    background: #f0ebe5 !important;
+    color: #555 !important;
+    border: 1px solid #d4ccc4 !important;
+    transition: all 0.2s ease !important;
+}
+
+.refresh-btn:hover {
+    background: #e8e0d8 !important;
+    border-color: #c8b8ae !important;
 }
 
 /* Hide ag-grid header menu button and tooltips to prevent mixed CN/EN UI */