diff --git a/theme/pagetoc.css b/theme/pagetoc.css index f159b47f8..b00150a12 100644 --- a/theme/pagetoc.css +++ b/theme/pagetoc.css @@ -106,11 +106,11 @@ overflow: auto; display: flex; flex-direction: column; - gap:20px; + gap:16px; background-color: transparent; } .pagetoc { - max-height: 60%; + max-height: 52%; overflow: auto; border-left: 1px solid color-mix(in srgb, var(--table-border-color) 70%, transparent); border-radius: 12px; @@ -119,8 +119,8 @@ padding: 4px 4px; } .sidesponsor { - max-height: 40%; - height: 40%; + max-height: 48%; + height: 48%; background-color: transparent; border: 1px solid color-mix(in srgb, var(--table-border-color) 70%, transparent); border-radius: 8px; @@ -149,7 +149,7 @@ width: 42px; padding: 4px; grid-area: sponsor-image; - align-self: start; + align-self: center; transition-duration: 0s; } .sidesponsor:hover { @@ -162,7 +162,7 @@ "sponsor-cta sponsor-cta"; column-gap: 8px; row-gap: 8px; - align-items: start; + align-items: center; align-content: start; overflow: hidden; } @@ -185,11 +185,12 @@ .sidesponsor:hover .sponsor-title{ grid-area: sponsor-title; margin-left: 0; - margin-top: 6px; + margin-top: 0; margin-bottom: 0; font-size: 1.55rem; line-height: 1.15; overflow-wrap: anywhere; + align-self: center; } .sidesponsor .sponsor-description{ display: block; @@ -260,8 +261,8 @@ } } .sidesponsor-bsa { - max-height: 40%; - height: 40%; + max-height: 48%; + height: 48%; background-color: transparent; border: 1px solid color-mix(in srgb, var(--table-border-color) 70%, transparent); border-radius: 8px;