[EDIT] エラー処理にセッション破棄を改めて追加しました。

src/main/java/com/example/demo/aop/handler/GlobalExceptionHandler.java

@@ -58,9 +58,8 @@ public class GlobalExceptionHandler {
 
 		e.printStackTrace();
 
-
-		System.out.println(" .well-known/appspecific/com.chrome.devtools.json for request error");
-		
+		System.out.println("session invalidated exception");
+		session.invalidate();
 		return "error";
 	}
 }

src/main/resources/templates/category_list.html

@@ -9,13 +9,13 @@
 	<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
 </head>
 
-<body style="padding-top:80px; padding-bottom:80px;">
+<body class="pb-5 pt-5">
 
 	<div th:replace="~{header :: header}"></div>
 	<div class="main-container">
 
 		<div>
-			<ul class="list-unstyled p-0 m-0">
+			<ul>
 				<li class="card shadow-sm mb-3" th:each="categoryForm : ${categoryFormList}">
 					<div class="card-body">
 						<div class="d-flex justify-content-between">
@@ -49,29 +49,19 @@
 
 						</div>
 
+						<hr>
+						<hr>
 					</div>
 				</li>
 			</ul>
 		</div>
-		
-		<div class="d-grid mt-4">
 
-			<form th:action="@{/category/create}" method="get">
 
-				<input type="hidden"
-			           name="today"
-					   id="today"
-			           th:value="${today}">
 
-			    <button class="btn btn-success w-100" type="submit">
-					新規登録
-				</button>
-
-			</form>
-
-		</div>
-		
-	</div>
+		<form th:action="@{/category/create}" method="get">
+			<input type="hidden" name="today" id="today" th:value="${today}">
+			<button type="submit">新規登録</button>
+		</form>
 
 		<div th:replace="~{footer :: footer}"></div>
 </body>

src/main/resources/templates/fixed_cost.html

@@ -10,7 +10,7 @@
 	<link rel="stylesheet" th:href="@{/css/style.css}">
 </head>
 
-<body style="padding-top:80px; padding-bottom:80px;">
+<body class="pb-5 pt-5">
 
 	<div th:replace="~{header :: header}"></div>
 	<div class="main-container">
@@ -19,7 +19,7 @@
 		<h2 class="page-title" th:text="${today}"></h2>
 
 		<div>
-			<ul class="list-unstyled p-0 m-0">
+			<ul>
 				<li th:each="fixedCostForm : ${fixedCostFormList}" class="card shadow-sm mb-3">
 
 					<div class="card-body">
@@ -52,29 +52,21 @@
 
 						</div>
 
+						<hr>
+						<hr>
 					</div>
 				</li>
-			</ul>
 		</div>
-		<div class="d-grid mt-4">
-
-			<form th:action="@{/category/create}" method="get">
-
-				<input type="hidden"
-					   name="today"
-					   id="today"
-					   th:value="${today}">
-
-				<button class="btn btn-success w-100" type="submit">
-			    	新規登録
-				</button>
-
-			</form>
-
-		</div>
-		
+		</ul>
 	</div>
 
+
+
+	<form th:action="@{/fixed-cost/create}" method="get">
+		<input type="hidden" name="today" id="today" th:value="${today}">
+		<button type="submit">新規登録</button>
+	</form>
+
 	<div th:replace="~{footer :: footer}"></div>
 </body>
 

src/main/resources/templates/goal_create.html

@@ -51,12 +51,9 @@
 					<button type="submit" class="btn btn-sm btn-primary w-100">登録</button>
 
 				</form>
-				
-			</div>
-		</div>
-	</div>
-	
-	<div th:replace="~{footer :: footer}"></div>
+
+				<div th:replace="~{footer :: footer}"></div>
+
 
 </body>
 

src/main/resources/templates/goal_record.html

@@ -8,7 +8,7 @@
 	<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
 </head>
 
-<body style="padding-top:80px; padding-bottom:80px;">
+<body class="pb-5 pt-5">
 
 	<div th:replace="~{header :: header}"></div>
 
@@ -74,16 +74,16 @@
 				</ul>
 
 			</div>
+			<div class="d-grid mt-4">
+				<form th:action="@{/goal}" method="get">
+
+					<button class="btn btn-success w-100" type="submit">
+						戻る
+					</button>
+
+				</form>
+			</div>
 		</div>
-		
-		<div class="d-grid mt-4">
-			<form th:action="@{/goal}" method="get">
-				<button class="btn btn-success w-100" type="submit">
-					戻る
-				</button>
-			</form>
-		</div>
-		
 	</div>
 
 	<div th:replace="~{footer :: footer}"></div>