From d415bf1ad5c5b98cac1b8726163cb269b1027aa4 Mon Sep 17 00:00:00 2001
From: s-choi <choi-suyeong@iij.ad.jp>
Date: Fri, 18 Sep 2026 13:53:27 +0900
Subject: [PATCH] =?UTF-8?q?[EDIT]=20=E5=8F=8E=E6=94=AF=E8=A9=B3=E7=B4=B0?=
 =?UTF-8?q?=E3=81=AB=E7=B7=A8=E9=9B=86=E3=83=9C=E3=82=BF=E3=83=B3=E3=82=92?=
 =?UTF-8?q?=E8=BF=BD=E5=8A=A0=E3=81=97=E3=81=BE=E3=81=97=E3=81=9F=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../templates/transaction_detail.html         | 46 ++++++++++++++-----
 1 file changed, 35 insertions(+), 11 deletions(-)

diff --git a/src/main/resources/templates/transaction_detail.html b/src/main/resources/templates/transaction_detail.html
index d96d00b..bc11005 100644
--- a/src/main/resources/templates/transaction_detail.html
+++ b/src/main/resources/templates/transaction_detail.html
@@ -4,32 +4,56 @@
 <head>
 	<meta charset="UTF-8">
 	<title>収支詳細</title>
+	<link rel="stylesheet" th:href="@{/css/transaction_detail.css}">
+
+	<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
 </head>
 
 <body>
+
+	<div th:replace="~{header :: header}"></div>
 	<h1 th:text="${today}"></h1>
 
 	<div>
 		<ul>
-			<li th:each="transactionForm : ${transactionFormList}">
-				<p>カテゴリ名：<span th:text="${transactionForm.categoryName}"></span>
-					<br>金額：<span th:text="${transactionForm.amount}"></span>
-				</p>
-				<form th:action="@{/transaction/delete}" method="post">
-					<input type="hidden" name="today" id="today" th:value="${today}">
-					<input type="hidden" name="transactionId" id="transactionId" value="${transactionForm.transactionId}">
+			<li th:each="transactionForm : ${transactionFormList}" class="transaction-item">
 
-					<button type="submit">削除</button>
-				</form>
-				<hr />
+				<div>
+					<p>
+						カテゴリ名：
+						<span th:text="${transactionForm.categoryName}"></span>
+						<br>
+						金額：
+						<span th:text="${transactionForm.amount}"></span>
+					</p>
+				</div>
+
+				<div class="transaction-buttons">
+
+					<form th:action="@{/transaction/delete}" method="post">
+						<input type="hidden" name="today" th:value="${today}">
+						<input type="hidden" name="transactionId" th:value="${transactionForm.transactionId}">
+						<button type="submit">削除</button>
+					</form>
+
+					<form th:action="@{/transaction/update}" method="get">
+						<input type="hidden" name="today" th:value="${today}">
+						<input type="hidden" name="transactionId" th:value="${transactionForm.transactionId}">
+						<button type="submit">編集</button>
+					</form>
+
+				</div>
+
+				<hr>
+				<hr>
 			</li>
 		</ul>
 	</div>
 
 
+
 	<form th:action="@{/transaction/create}" method="get">
 		<input type="hidden" name="today" id="today" th:value="${today}">
-
 		<button type="submit">新規登録</button>
 	</form>