compact mod timeline UI

lichess-org · Oct 29, 2024 · 3dab318 · 3dab318
1 parent c8c8cd7
commit 3dab318
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/ui/mod/css/_mod-timeline.scss b/ui/mod/css/_mod-timeline.scss
@@ -1,6 +1,6 @@
 .mod-timeline {
   @extend %flex-column, %box-neat;
-  gap: 1em;
+  gap: 0.6em;
   background: $c-bg-zebra;
   padding: 1em 1em 1em 2em;
   max-height: 70vh;
@@ -11,16 +11,17 @@
   @extend %flex-center-nowrap;
   gap: 1em;
   h3 {
+    white-space: nowrap;
     flex: 0 0 11ch;
-    font-size: 1.2em;
+    font-size: 1.1em;
     text-transform: capitalize;
   }
   border-bottom: $border;
-  padding-bottom: 1em;
+  padding-bottom: 0.6em;
 }
 .mod-timeline__period__events {
   @extend %flex-column;
-  gap: 0.3em;
+  gap: 0.2em;
   flex: 1 1 auto;
 }
 .mod-timeline__event {