UX: desktop tweaks (#14)

scss/topic.scss

@@ -1,12 +1,15 @@
 .post-stream {
   .contents p {
-    // font-size: var(--font-up-1);
+    font-size: var(--font-up-1);
     line-height: 1.25;
   }
 }
 
 .container.posts .topic-navigation {
-  top: calc(var(--header-offset, 60px) + 6em);
+  //super fragile because new sticky topic title doesnt have a calculated value (= 53px with this font and size but…)
+  top: calc(
+    var(--header-offset, 60px) + 53px + calc(var(--spacing-block-l) * 2)
+  );
 }
 
 .timeline-container .topic-timeline {
@@ -45,9 +48,9 @@
 
 #topic-title {
   z-index: 999;
-  margin-bottom: 1em;
-  padding: 1.5rem 2rem 0.5em;
+  padding: var(--spacing-block-l) var(--spacing-inline-xl);
   position: sticky;
+  margin-bottom: 0;
   top: var(--header-offset);
   background: var(--d-content-background);
 }