From 3b5436eb386876bade1d901ece17f42e13c71fa3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tom=C3=A1=C5=A1=20=C4=8Carneck=C3=BD?= <tomc@caurea.org>
Date: Thu, 6 Jun 2024 20:56:58 +0200
Subject: [PATCH] Tweak caption styles (#2757)

---
 pkg/timvir/blocks/Code/Code.tsx                 | 2 +-
 pkg/timvir/blocks/Exhibit/Exhibit.tsx           | 2 +-
 pkg/timvir/blocks/Viewport/Viewport.tsx         | 1 +
 pkg/timvir/blocks/Viewport/internal/Caption.tsx | 3 ++-
 4 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/pkg/timvir/blocks/Code/Code.tsx b/pkg/timvir/blocks/Code/Code.tsx
index b11117bcf..6a936c6b9 100644
--- a/pkg/timvir/blocks/Code/Code.tsx
+++ b/pkg/timvir/blocks/Code/Code.tsx
@@ -292,6 +292,6 @@ const classes = {
     font-size: 0.8125rem;
     line-height: 1.1875;
     color: var(--timvir-secondary-text-color);
-    margin-top: 2px;
+    margin-top: 0.3em;
   `,
 };
diff --git a/pkg/timvir/blocks/Exhibit/Exhibit.tsx b/pkg/timvir/blocks/Exhibit/Exhibit.tsx
index 7b4ca4fbe..3083147dc 100644
--- a/pkg/timvir/blocks/Exhibit/Exhibit.tsx
+++ b/pkg/timvir/blocks/Exhibit/Exhibit.tsx
@@ -91,6 +91,6 @@ const classes = {
     font-size: 0.8125rem;
     line-height: 1.1875;
     color: var(--timvir-secondary-text-color);
-    margin-top: 2px;
+    margin-top: 0.3em;
   `,
 };
diff --git a/pkg/timvir/blocks/Viewport/Viewport.tsx b/pkg/timvir/blocks/Viewport/Viewport.tsx
index 8e02441af..efd84eddc 100644
--- a/pkg/timvir/blocks/Viewport/Viewport.tsx
+++ b/pkg/timvir/blocks/Viewport/Viewport.tsx
@@ -136,6 +136,7 @@ function Viewport(props: Props, ref: React.ForwardedRef<React.ElementRef<typeof
           fullWidth,
           css`
             contain: layout;
+            margin-bottom: 0;
           `
         )}
       >
diff --git a/pkg/timvir/blocks/Viewport/internal/Caption.tsx b/pkg/timvir/blocks/Viewport/internal/Caption.tsx
index 52de05e24..a448b9e70 100644
--- a/pkg/timvir/blocks/Viewport/internal/Caption.tsx
+++ b/pkg/timvir/blocks/Viewport/internal/Caption.tsx
@@ -20,7 +20,8 @@ function Caption(props: Props) {
     <>
       <figcaption
         className={css`
-          font-size: 0.75rem;
+          font-size: 0.8125rem;
+          line-height: 1.1875;
           color: var(--timvir-secondary-text-color);
           white-space: nowrap;