食材を追加ボタンの配置を修正しました

frontend/src/pages/StockPage.tsx

@@ -330,7 +330,7 @@ const StockPage: React.FC = () => {
           <Table>
             <TableHead sx={{ backgroundColor: "#dcdcdc", color: "#333" }}>
               <TableRow>
-                <TableCell align="center" sx={{ width: '40%', fontSize: '16px'}}>食材名</TableCell>
+                <TableCell align="center" sx={{ width: '40%', fontSize: '16px' }}>食材名</TableCell>
                 <TableCell align="center" sx={{ width: '20%', fontSize: '16px' }}>数量</TableCell>
                 <TableCell align="center" sx={{ width: '40%', fontSize: '16px' }}>消費・賞味期限</TableCell>
               </TableRow>
@@ -530,12 +530,15 @@ const StockPage: React.FC = () => {
       <Box
         sx={{
           position: 'fixed',     // ← sticky から fixed に変更
-          bottom: 0,             // ← 下に固定
+          bottom: 55,             // ← 下に固定
           left: 0,
           right: 0,
           zIndex: 1300,          // ダイアログよりは低く
           backgroundColor: '#f5f5f5',
-          padding: 2,
+          // backgroundColor: 'white',
+          // padding: 2,
+          px: 2,
+          py: 1,
           display: 'flex',
           justifyContent: 'flex-end', // ← 左寄せ
           boxShadow: 'none', // 軽めの上向きシャドウ