tenthe opened a new issue, #4891: URL: https://github.com/apache/streampipes/issues/4891
### Body ## Goal Use `<mat-icon>` instead of raw `<i class="material-icons">` inside Angular Material buttons, so the intended icon spacing and size apply. ## Description Angular Material's icon rules are scoped to `.mat-icon`, so an `<i class="material-icons">` gets neither the 8px gap nor the `1.125rem` size clamp. The button still picks up the wider with-icon padding, which makes the result look half-applied. In many places the missing gap was compensated for with a manual ` `, which becomes an extra space once the markup is corrected. `ui/STYLEGUIDE.md` already specifies the correct form. 76 icons across 44 templates are affected. **Current behavior** The icon sits flush against the label and renders at 24px instead of `1.125rem`. <img width="152" height="49" alt="Image" src="https://github.com/user-attachments/assets/e3f426bb-38ed-4aea-bdef-3e6b5d3e9e85"; /> **Expected behavior** An 8px gap between icon and label, with the icon clamped to `1.125rem`. ### StreamPipes Committer I acknowledge that I am a maintainer/committer of the Apache StreamPipes project. -- This is an automated message from the Apache Git Service. To respond to the message, please log on to GitHub and use the URL above to go to the specific comment. To unsubscribe, e-mail: [email protected] For queries about this service, please contact Infrastructure at: [email protected]
