ボタンの説明文の追加

frontend/src/pages/TaskListPage.tsx

@@ -219,7 +219,11 @@ const TaskListPage: React.FC = () => {
         </List>
       </div>
       {/* 新規材料作成ボタン - 画面下部に固定表示 */}
-      <Tooltip title="材料のみ追加">
+      <Box sx={{ textAlign: 'center', position: 'fixed', bottom: 76, left: '40%', transform: 'translateX(-50%)' }}>
+        <Typography variant="caption" color="textSecondary">
+          材料のみ追加
+        </Typography>
+        </Box>
         <Fab
           color="primary"
           sx={{ position: 'fixed', bottom: 16, left: '40%', transform: 'translateX(-50%)' }}
@@ -227,22 +231,25 @@ const TaskListPage: React.FC = () => {
         >
           <AddIcon />
         </Fab>
-      </Tooltip>
+      
       {/*新規料理追加ボタン - 画面下部に固定表示 */}
-      <Tooltip title="料理から追加">
+      <Box sx={{ textAlign: 'center', position: 'fixed', bottom: 76, left: '60%', transform: 'translateX(-50%)' }}>
+        <Typography variant="caption" color="textSecondary">
+          料理から追加
+        </Typography>
+        </Box>
         <Fab
           color="primary"
           sx={{ position: 'fixed', bottom: 16, left: '60%', transform: 'translateX(-50%)' }}
-          onClick={() => {setOpenDialog(true);
+          onClick={() => {
+            setOpenDialog(true);
             //handleNavigate('/AddDishies1');
           }}
         //selected={isSelected('/test')}
-
-          
         >
           <SoupKitchenIcon />
         </Fab>
-      </Tooltip>
+      
 
       {/* 新規タスク作成ダイアログ */}
       <Dialog open={openDialog} onClose={() => setOpenDialog(false)} disableScrollLock={true}>