fix: update button icon alignment for back-to-top and code copy buttons

This commit is contained in:
interlope committed 2026-06-01 23:27:56 +02:00
1 parent e75728de23
commit a3099cad03
1 file changed
+12 -4
+12 -4
View File
@@ -1629,10 +1629,14 @@ footer.footer-modern a:hover {
background: var(--accent-hover); background: var(--accent-hover);
} }
/* display:block neutralises Bootstrap Icons' vertical-align:-.125em so the /* The <i> fills the button and flex-centres its ::before glyph, so neither
glyph sits dead-centre inside the flex button */ Bootstrap Icons' vertical-align:-.125em nor glyph side-bearing can offset it */
.back-to-top i { .back-to-top i {
display: block; display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
line-height: 1; line-height: 1;
} }
@@ -1681,7 +1685,11 @@ footer.footer-modern a:hover {
} }
.code-copy i { .code-copy i {
display: block; display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
font-size: 0.95rem; font-size: 0.95rem;
line-height: 1; line-height: 1;
} }