diff --git a/desktop/src/shared/styles/globals/typography.css b/desktop/src/shared/styles/globals/typography.css index e33c07c31..fa59d3724 100644 --- a/desktop/src/shared/styles/globals/typography.css +++ b/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); diff --git a/desktop/tests/e2e/buzz-theme-screenshots.spec.ts b/desktop/tests/e2e/buzz-theme-screenshots.spec.ts index 54f9d2128..0c01bfd66 100644 --- a/desktop/tests/e2e/buzz-theme-screenshots.spec.ts +++ b/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, }); diff --git a/desktop/tests/e2e/inbox-refactor-screenshots.spec.ts b/desktop/tests/e2e/inbox-refactor-screenshots.spec.ts index 3f2c0c0e5..8f1f074e2 100644 --- a/desktop/tests/e2e/inbox-refactor-screenshots.spec.ts +++ b/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" },