ボタンの間を追加

frontend/src/pages/TaskListPage.tsx

@@ -200,7 +200,7 @@ const TaskListPage: React.FC = () => {
                   <IconButton
                     edge="end"
                     aria-label="食材情報追加"
-                    sx={{ marginLeft: 2 }}
+                    //sx={{ marginRight: 2 }}
                     onClick={() => {
                       setOpenInfoDialog(true)
                       setSelectedTask(tobuy.tobuyId)
@@ -210,6 +210,7 @@ const TaskListPage: React.FC = () => {
                     <ShoppingBasketIcon />
                   </IconButton>
                 </Tooltip>
+                
                 {/* 買い物リスト：食材削除ボタン */}
                 <Tooltip title="項目を削除"
                   componentsProps={{
@@ -227,6 +228,7 @@ const TaskListPage: React.FC = () => {
 
                   <IconButton
                     edge="end"
+                    sx={{ marginLeft: 3 }}
                     aria-label="delete"
                     onClick={() => handleDeleteTask(tobuy.tobuyId)}
                   >