ボトムナビゲーションバーに被らないようにボタンの位置を修正

frontend/src/pages/AddRecipe.tsx

@@ -215,7 +215,7 @@ const AddRecipe: React.FC = () => {
           </Fab>
         </div>
 
-        <div style={{ position: "fixed", left: "50%", transform: 'translateX(-50%)', bottom: "2%", whiteSpace: 'nowrap' }}>
+        <div style={{ position: "fixed", left: "50%", transform: 'translateX(-50%)', bottom: "64px", whiteSpace: 'nowrap' }}>
           <Button variant='contained' color="primary" onClick={handleSubmit} sx={{ marginRight: "1rem" }}>
             <SaveIcon sx={{ fontSize: "1.5rem", marginRight: "0.5rem" }} />
             レシピを保存

frontend/src/pages/DishList.tsx

@@ -159,9 +159,10 @@ const DishList: React.FC = () => {
                         ))}
                     {/* </List> */}
                 </div>
-                <div style={{width: "100%", position: "fixed", left: "50%", transform: 'translateX(-50%)', bottom: "20px"}}>
+                <div style={{width: "100%", position: "fixed", left: "50%", transform: 'translateX(-50%)', bottom: "64px"}}>
-                    <Button variant='contained' sx={{width: "60%", height: "60px", 
+                    <Button variant='contained' sx={{
-                        fontSize: "40px", left: "50%", transform: 'translateX(-50%)' }} 
+                        width: "60%", 
+                        fontSize: "24px", left: "50%", transform: 'translateX(-50%)' }} 
                         color="primary"
                         onClick={() => navigate('/add1')}
                         >

frontend/src/pages/RecipeList.tsx

@@ -96,10 +96,10 @@ const RecipeList: React.FC = () => {
           ))}
           {/* </List> */}
         </div>
-        <div style={{ width: "100%", position: "fixed", left: "50%", transform: 'translateX(-50%)', bottom: "20px" }}>
+        <div style={{ width: "100%", position: "fixed", left: "50%", transform: 'translateX(-50%)', bottom: "64px" }}>
           <Button variant='contained' sx={{
             width: "60%", height: "60px",
-            fontSize: "40px", left: "50%", transform: 'translateX(-50%)'
+            fontSize: "32px", left: "50%", transform: 'translateX(-50%)'
           }}
             color="primary"
             onClick={() => navigate('/AddRecipe')}