[EDIT] 一覧画面でのつき選択機能を追加しました。

src/main/resources/static/css/menu.css

@@ -22,7 +22,7 @@ th {
 }
 
 td {
-    width: 14.28%;
+    width: 14%;
     height: 70px;
     padding: 5px;
     text-align: left;

src/main/resources/templates/menu.html

@@ -129,7 +129,7 @@
 	<div>
 		<span>達成率</span>
 		<span th:text="${achievementRate}"></span>
-		<span>円</span>
+		<span>%</span>
 	</div>
 	<div>
 		<span>達成期限</span>

src/main/resources/templates/transaction_list.html

@@ -12,7 +12,34 @@
 <body class="pb-5 pt-5">
 
 	<div th:replace="~{header :: header}"></div>
-	
+
+	<div class="calendar-title">
+
+		<a class="month-button" th:href="@{/transaction/list(
+	           years=${previousYear},
+	           months=${previousMonth}
+	       )}">
+			←
+		</a>
+
+
+		<div class="calendar-date">
+			<span class="year" th:text="|${year}年|"></span>
+			<span class="month" th:text="|${month}月|"></span>
+		</div>
+
+
+		<a class="month-button" th:href="@{/transaction/list(
+	           years=${nextYear},
+	           months=${nextMonth}
+	       )}">
+			→
+		</a>
+
+	</div>
+
+
+
 	<div th:each="transactionForm : ${transactionFormMap}">
 
 		<a th:href="@{/transaction/detail(todayDates=${transactionForm.key})}">