From 260498a96b90ed44c120f4234238b6813272ec47 Mon Sep 17 00:00:00 2001
From: Jacky Zhao <j.zhao2k19@gmail.com>
Date: Fri, 2 Feb 2024 10:23:24 -0800
Subject: [PATCH] fix(style): prevent callout icon from shrinking on long
 titles (closes #792)

---
 quartz/styles/callouts.scss | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/quartz/styles/callouts.scss b/quartz/styles/callouts.scss
index d4f7069a0..7fa52c506 100644
--- a/quartz/styles/callouts.scss
+++ b/quartz/styles/callouts.scss
@@ -120,7 +120,7 @@
 
 .callout-title {
   display: flex;
-  align-items: center;
+  align-items: flex-start;
   gap: 5px;
   padding: 1rem 0;
   color: var(--color);
@@ -131,8 +131,6 @@
     transition: transform 0.15s ease;
     opacity: 0.8;
     cursor: pointer;
-    width: var(--icon-size);
-    height: var(--icon-size);
     --callout-icon: var(--callout-icon-fold);
   }
 
@@ -145,6 +143,7 @@
   & .fold-callout-icon {
     width: var(--icon-size);
     height: var(--icon-size);
+    flex: 0 0 var(--icon-size);
 
     // icon support
     background-size: var(--icon-size) var(--icon-size);
@@ -154,6 +153,7 @@
     mask-size: var(--icon-size) var(--icon-size);
     mask-position: center;
     mask-repeat: no-repeat;
+    padding: 0.2rem 0;
   }
 
   .callout-title-inner {