Keep comfy density compatible with timeline virtualization

Signed-off-by: morgmart <98432065+morgmart@users.noreply.github.com>

desktop/src/shared/styles/globals/typography.css

@@ -26,7 +26,7 @@
     --conversation-message-line-height: calc(var(--buzz-type-rem) * 1.25);
     --conversation-author-line-height: var(--buzz-type-rem);
     --conversation-body-gap: 0.125rem;
-    --conversation-row-padding-block: 0.375rem;
+    --conversation-row-padding-block: 0.25rem;
     --conversation-paragraph-gap: 0.5rem;
     --conversation-list-item-gap: 0.375rem;
     --conversation-timestamp-font-size: calc(var(--buzz-type-rem) * 0.75);

desktop/tests/e2e/buzz-theme-screenshots.spec.ts

@@ -759,7 +759,7 @@ test("app font size and conversation density apply independently", async ({
     fontSize: "calc(16px * .875)",
     lineHeight: "calc(16px * 1.25)",
     paragraphGap: 0.5,
-    rowPadding: 0.375,
+    rowPadding: 0.25,
     timestampFontSize: "calc(16px * .75)",
     timestampLineHeight: 16,
   });

desktop/tests/e2e/inbox-refactor-screenshots.spec.ts

@@ -487,7 +487,7 @@ test.describe("inbox refactor screenshots", () => {
       .poll(readConversationMetrics)
       .toEqual([
         { fontSize: "14px", lineHeight: "20px" },
-        { paddingBottom: "6px", paddingTop: "6px" },
+        { paddingBottom: "4px", paddingTop: "4px" },
         2,
         { fontSize: "14px", lineHeight: "16px" },
         { fontSize: "14px", lineHeight: "20px" },
@@ -571,7 +571,7 @@ test.describe("inbox refactor screenshots", () => {
       .toEqual([
         "17.6px",
         { fontSize: "15.4px", lineHeight: "22px" },
-        { paddingBottom: "6px", paddingTop: "6px" },
+        { paddingBottom: "4px", paddingTop: "4px" },
         2,
         { fontSize: "15.4px", lineHeight: "17.6px" },
         { fontSize: "15.4px", lineHeight: "22px" },