u

src/components/article/ArticleTileTab.jsx

@@ -42,6 +42,19 @@ import {
   YELLOW_PANEL,
 } from '../../colors';
 
+function SupplierTabIcon(props) {
+  const { sx, ...rest } = props;
+  return (
+    <LocalShippingIcon
+      {...rest}
+      sx={[
+        { transform: 'scaleX(-1)' },
+        ...(Array.isArray(sx) ? sx : sx ? [sx] : []),
+      ]}
+    />
+  );
+}
+
 const ALWAYS_TABS = [
   {
     id: ARTICLE_TAB.history,
@@ -54,7 +67,7 @@ const ALWAYS_TABS = [
     id: ARTICLE_TAB.supplier,
     label: 'Supplier',
     color: GREEN_PANEL,
-    Icon: LocalShippingIcon,
+    Icon: SupplierTabIcon,
     help: 'Zugeordnete Lieferanten, Einkaufspreise und Lieferanten-Artikelnummern',
   },
   {

src/components/article/ArticleUnifyDialog.jsx

@@ -1017,7 +1017,7 @@ export default class ArticleUnifyDialog extends Component {
                             return (
                               <Chip
                                 key={key}
-                                icon={<LocalShippingOutlinedIcon sx={{ fontSize: 16 }} />}
+                                icon={<LocalShippingOutlinedIcon sx={{ fontSize: 16, transform: 'scaleX(-1)' }} />}
                                 label={`${s.company || s.supplierName || 'Lieferant'} (Lief.-ArtNr: ${s.sku || '–'}, EK: ${formatPrice(s.netPrice) || '–'})`}
                                 size="small"
                                 color={isChecked ? 'primary' : 'default'}
@@ -1055,7 +1055,7 @@ export default class ArticleUnifyDialog extends Component {
                             return (
                               <Chip
                                 key={key}
-                                icon={<LocalShippingOutlinedIcon sx={{ fontSize: 16 }} />}
+                                icon={<LocalShippingOutlinedIcon sx={{ fontSize: 16, transform: 'scaleX(-1)' }} />}
                                 label={`${s.company || s.supplierName || 'Lieferant'} (Lief.-ArtNr: ${s.sku || '–'}, EK: ${formatPrice(s.netPrice) || '–'})`}
                                 size="small"
                                 color={isChecked ? 'secondary' : 'default'}

src/components/article/tabs/ArticleSupplierTab.jsx

@@ -227,7 +227,7 @@ export default class ArticleSupplierTab extends PureComponent {
             textAlign: 'center',
           }}
         >
-          <LocalShippingOutlinedIcon sx={{ fontSize: 48, mb: 1.5, color: 'text.secondary', opacity: 0.4 }} />
+          <LocalShippingOutlinedIcon sx={{ fontSize: 48, mb: 1.5, color: 'text.secondary', opacity: 0.4, transform: 'scaleX(-1)' }} />
           <Typography variant="subtitle2" sx={{ fontWeight: 600, mb: 0.5, color: 'text.secondary' }}>
             Lieferanten sind für Vaterartikel deaktiviert
           </Typography>

src/nav.js

@@ -55,6 +55,7 @@ class DeliveryNavIcon extends PureComponent {
     return createElement(LocalShippingIcon, {
       ...rest,
       sx: [
+        { transform: 'scaleX(-1)' },
         ...(Array.isArray(sx) ? sx : sx ? [sx] : []),
         (theme) => (hasDraft ? { color: theme.nav?.itemActiveAccent || NAV_ITEM_ACTIVE_ACCENT } : null),
       ],