custom.css
... ...
@@ -241,17 +241,20 @@ pre { background: var(--code-bg) !important; padding: 1rem 1.2rem !important; bo
241 241
/* If the surrounding nav compresses, keep the icon from shrinking */
242 242
nav.actions #minibutton-home { flex: 0 0 auto; }
243 243
244
-/* Small icon that sits to the left of the first H1 */
245
-.markdown-body > img.title-icon:first-child {
246
- float: left;
247
- width: 45px;
248
- height: 45px;
249
- margin: 6px 10px 0 0; /* top, right, bottom, left */
250
- border-radius: 5px;
244
+/* Flex row for title + icon */
245
+.markdown-body .title-row {
246
+ display: flex;
247
+ align-items: center;
248
+ gap: .6rem;
249
+ margin: 0 0 1rem 0;
251 250
}
252
-
253
-/* Ensure the first heading clears the icon’s height nicely */
254
-.markdown-body h1:first-of-type {
255
- min-height: 45px;
251
+.markdown-body .title-row .title-icon {
252
+ width: 32px;
253
+ height: 32px;
254
+ border-radius: 4px;
255
+ flex: 0 0 auto;
256
+}
257
+.markdown-body .title-row h1 {
258
+ margin: 0; /* flex handles spacing */
256 259
line-height: 1.25;
257 260
}