Refine hovered sponsor layout

Author: Hermes

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;