From 0d12853cb8167f7d380fbe554913ad76339aec10 Mon Sep 17 00:00:00 2001
From: shunsei <k.shunsei1227@gmail.com>
Date: Mon, 4 Nov 2024 14:45:50 +0900
Subject: [PATCH] Change button & internal font size  (#92)

---
 .../app/components/book-detail/BookDetailControlPanel.tsx     | 2 +-
 frontend/app/components/book-search/BookSearchModeButton.tsx  | 4 ++--
 .../app/components/book-search/BookSearchSubmitButton.tsx     | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/app/components/book-detail/BookDetailControlPanel.tsx b/frontend/app/components/book-detail/BookDetailControlPanel.tsx
index 3187fcca..d93b9cff 100644
--- a/frontend/app/components/book-detail/BookDetailControlPanel.tsx
+++ b/frontend/app/components/book-detail/BookDetailControlPanel.tsx
@@ -3,8 +3,8 @@ import { useFetcher } from '@remix-run/react';
 import { useAtom } from 'jotai';
 import { MdDeleteForever } from 'react-icons/md';
 import { userAtom } from '~/stores/userAtom';
-import BookDetailThumbnail from './BookDetailThumbnail';
 import BookDetailEditButton from './BookDetailEditButton';
+import BookDetailThumbnail from './BookDetailThumbnail';
 
 interface BookDetailControlPanelProps {
 	id: number;
diff --git a/frontend/app/components/book-search/BookSearchModeButton.tsx b/frontend/app/components/book-search/BookSearchModeButton.tsx
index 422a4e93..d23dd45f 100644
--- a/frontend/app/components/book-search/BookSearchModeButton.tsx
+++ b/frontend/app/components/book-search/BookSearchModeButton.tsx
@@ -13,12 +13,12 @@ const BookSearchModeButton = ({
 }: SearchModeButtonProps) => {
 	if (isOpen)
 		return (
-			<Button id="search-mode-button" onClick={close} variant="light">
+			<Button id="search-mode-button" onClick={close} variant="light" size="md">
 				検索条件を閉じる
 			</Button>
 		);
 	return (
-		<Button id="search-mode-button" onClick={open} variant="light">
+		<Button id="search-mode-button" onClick={open} variant="light" size="md">
 			検索条件を開く
 		</Button>
 	);
diff --git a/frontend/app/components/book-search/BookSearchSubmitButton.tsx b/frontend/app/components/book-search/BookSearchSubmitButton.tsx
index 16dac1e6..24fb08e9 100644
--- a/frontend/app/components/book-search/BookSearchSubmitButton.tsx
+++ b/frontend/app/components/book-search/BookSearchSubmitButton.tsx
@@ -3,7 +3,7 @@ import { FaSearch } from 'react-icons/fa';
 
 const BookSearchSubmitButton = () => {
 	return (
-		<Button type="submit" leftSection={<FaSearch />}>
+		<Button type="submit" leftSection={<FaSearch />} fz="lg">
 			検索
 		</Button>
 	);