Update flare-ui/src/styles.scss

flare-ui/src/styles.scss

@@ -122,17 +122,29 @@ body {
   margin-bottom: 3px;
 }
 
-// Mat-icon button alignment fix
-button[mat-button], 
-button[mat-raised-button], 
-button[mat-icon-button], 
-button[mat-fab], 
-button[mat-mini-fab], 
-button[mat-stroked-button], 
-button[mat-flat-button] {
-  .mat-icon {
-    vertical-align: middle;
-    margin-right: 4px;
-    margin-top: -2px; // Fine-tuning için
+// Global mat-icon alignment fix
+.mat-mdc-button, 
+.mat-mdc-raised-button,
+.mat-mdc-unelevated-button,
+.mat-mdc-outlined-button,
+.mat-mdc-icon-button {
+  .mdc-button__label {
+    display: inline-flex;
+    align-items: center;
+    gap: 6px;
+    
+    mat-icon {
+      margin: 0;
+      line-height: inherit;
+    }
   }
+}
+
+// Legacy support
+button[mat-button] mat-icon,
+button[mat-raised-button] mat-icon,
+button[mat-stroked-button] mat-icon,
+button[mat-flat-button] mat-icon {
+  vertical-align: middle;
+  margin-right: 4px;
 }