stashcom

src/static/index.css

@@ -28,6 +28,7 @@ header {
     margin-bottom: 14px;
 }
 header h1 {
+    text-align: center;
     font-size: 1.6rem;
     color: #111827;
 }
@@ -183,3 +184,24 @@ header p {
         flex-direction: column;
     }
 }
+
+/* Leaderboard horizontal collapse */
+#leaderboardSection {
+  transition: max-width 0.35s ease, opacity 0.25s ease;
+  overflow: hidden;
+  max-width: 100%;
+}
+
+#leaderboardSection.hidden {
+  max-width: 0;
+  opacity: 0;
+  pointer-events: none;
+}
+
+#leaderboardSection.visible {
+  max-width: 100%; /* take full available space in grid column */
+  opacity: 1;
+}
+#rankingExplanation {
+    transition: all 0.35s ease;
+}