fix(badges): prevent misaligned icons

spike-rabbit · timowolf · commit 452db9a29898 · 2025-11-25T16:20:13.000+01:00
When using the new brand version, icons are misaligned.
With this change, old and new brand version looks correct.
diff --git a/projects/element-theme/src/styles/bootstrap/_badges.scss b/projects/element-theme/src/styles/bootstrap/_badges.scss
@@ -127,7 +127,8 @@
   .icon {
     font-size: 20px;
     margin-inline-start: -4px;
-    margin-block-start: -2px;
+    vertical-align: top;
+    padding-block: map.get(spacers.$spacers, 1);
   }
 }
 

Original file line number	Diff line number	Diff line change
`@@ -127,7 +127,8 @@`
`127`	`127`	`.icon {`
`128`	`128`	`font-size: 20px;`
`129`	`129`	`margin-inline-start: -4px;`
`130`		`- margin-block-start: -2px;`
	`130`	`+ vertical-align: top;`
	`131`	`+ padding-block: map.get(spacers.$spacers, 1);`
`131`	`132`	`}`
`132`	`133`	`}`
`133`	`134`