From a5076a2c6738988d0869e4455644efa6dfb30cc9 Mon Sep 17 00:00:00 2001
From: seb <sebgreenbus@gmail.com>
Date: Wed, 16 Sep 2026 10:19:14 +0200
Subject: [PATCH] fix(ui): move alignItems and justifyContent on Stack
 components into sx prop

---
 src/components/manifest/ManifestHeader.jsx      | 6 +++++-
 src/components/settings/NumberSettingsPanel.jsx | 3 +--
 src/components/settings/SettingsKeysPanel.jsx   | 3 +--
 3 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/components/manifest/ManifestHeader.jsx b/src/components/manifest/ManifestHeader.jsx
index 01c3e4a..293e572 100644
--- a/src/components/manifest/ManifestHeader.jsx
+++ b/src/components/manifest/ManifestHeader.jsx
@@ -64,7 +64,11 @@ class ManifestHeader extends PureComponent {
 
     return (
       <PanelTile wide={3} minHeight={160} color={headerColor} title="Kopfdaten">
-        <Stack direction={{ xs: 'column', sm: 'row' }} spacing={2} alignItems={{ xs: 'stretch', sm: 'center' }}>
+        <Stack
+          direction={{ xs: 'column', sm: 'row' }}
+          spacing={2}
+          sx={{ alignItems: { xs: 'stretch', sm: 'center' } }}
+        >
           <TextField
             size="small"
             type="date"
diff --git a/src/components/settings/NumberSettingsPanel.jsx b/src/components/settings/NumberSettingsPanel.jsx
index 271833b..399e7c6 100644
--- a/src/components/settings/NumberSettingsPanel.jsx
+++ b/src/components/settings/NumberSettingsPanel.jsx
@@ -252,8 +252,7 @@ export default class NumberSettingsPanel extends Component {
                     <Stack
                       direction="row"
                       spacing={0}
-                      justifyContent="flex-end"
-                      alignItems="center"
+                      sx={{ justifyContent: 'flex-end', alignItems: 'center' }}
                     >
                       {draft.saveError ? (
                         <Box sx={{ maxWidth: 220, mr: 1 }}>
diff --git a/src/components/settings/SettingsKeysPanel.jsx b/src/components/settings/SettingsKeysPanel.jsx
index 7e8be2c..db7bfec 100644
--- a/src/components/settings/SettingsKeysPanel.jsx
+++ b/src/components/settings/SettingsKeysPanel.jsx
@@ -203,8 +203,7 @@ export default class SettingsKeysPanel extends Component {
                     <Stack
                       direction="row"
                       spacing={0}
-                      justifyContent="flex-end"
-                      alignItems="center"
+                      sx={{ justifyContent: 'flex-end', alignItems: 'center' }}
                     >
                       {draft.saveError ? (
                         <Box sx={{ maxWidth: 220, mr: 1 }}>