Tweak caption styles (#2757)

timvir · Jun 6, 2024 · 3b5436e · 3b5436e
1 parent 3e59c54
commit 3b5436e
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 3 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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;