From 05f5456e4d4b2e53cf26b6717498c7e9eefa476a Mon Sep 17 00:00:00 2001
From: porink0424 <daichi2120@gmail.com>
Date: Fri, 29 Mar 2024 15:20:00 +0900
Subject: [PATCH] Improve design of titles in the analytics page

---
 .../ts/components/StudyDetail.tsx             | 20 ++++++++++++++++---
 1 file changed, 17 insertions(+), 3 deletions(-)

diff --git a/optuna_dashboard/ts/components/StudyDetail.tsx b/optuna_dashboard/ts/components/StudyDetail.tsx
index 065b90f5..e3cf371e 100644
--- a/optuna_dashboard/ts/components/StudyDetail.tsx
+++ b/optuna_dashboard/ts/components/StudyDetail.tsx
@@ -103,7 +103,14 @@ export const StudyDetail: FC<{
       <PreferentialAnalytics studyId={studyId} />
     ) : (
       <Box sx={{ display: "flex", width: "100%", flexDirection: "column" }}>
-        <Typography variant="h5" sx={{ margin: theme.spacing(2) }}>
+        <Typography
+          variant="h5"
+          sx={{
+            margin: theme.spacing(2),
+            marginTop: theme.spacing(4),
+            fontWeight: theme.typography.fontWeightBold,
+          }}
+        >
           Hyperparameter Relationships
         </Typography>
         <Card sx={{ margin: theme.spacing(2) }}>
@@ -126,10 +133,17 @@ export const StudyDetail: FC<{
             <GraphRank study={studyDetail} />
           </CardContent>
         </Card>
-        <Typography variant="h5" sx={{ margin: theme.spacing(2) }}>
+        <Typography
+          variant="h5"
+          sx={{
+            margin: theme.spacing(2),
+            marginTop: theme.spacing(4),
+            fontWeight: theme.typography.fontWeightBold,
+          }}
+        >
           Empirical Distribution of the Objective Value
         </Typography>
-        <Grid2 container spacing={2} sx={{ padding: theme.spacing(0, 2) }}>
+        <Grid2 container spacing={2} sx={{ padding: theme.spacing(2) }}>
           {studyDetail !== null
             ? studyDetail.directions.map((d, i) => (
                 <Grid2 xs={6} key={i}>