From df67ed13bf9216c4aac0af433e16663f362d3e26 Mon Sep 17 00:00:00 2001
From: c-bata <contact@c-bata.link>
Date: Wed, 4 Jan 2023 10:57:37 +0900
Subject: [PATCH] Remove text-align center from cards in history tab

---
 optuna_dashboard/ts/components/BestTrialsCard.tsx        | 9 ++++-----
 .../ts/components/GraphHyperparameterImportances.tsx     | 2 +-
 optuna_dashboard/ts/components/StudyDetailBeta.tsx       | 1 -
 3 files changed, 5 insertions(+), 7 deletions(-)

diff --git a/optuna_dashboard/ts/components/BestTrialsCard.tsx b/optuna_dashboard/ts/components/BestTrialsCard.tsx
index 64445160..34b4b540 100644
--- a/optuna_dashboard/ts/components/BestTrialsCard.tsx
+++ b/optuna_dashboard/ts/components/BestTrialsCard.tsx
@@ -90,16 +90,16 @@ export const BestTrialsCard: FC<{
                 >
                   <ListItemText
                     primary={
-                      <Typography variant="h5" sx={{ textAlign: "center" }}>
+                      <Typography variant="h5">
                         Trial {trial.number}
                       </Typography>
                     }
                     secondary={
                       <>
-                        <Typography sx={{ textAlign: "center" }}>
+                        <Typography>
                           Objective Values = [{trial.values?.join(", ")}]
                         </Typography>
-                        <Typography sx={{ textAlign: "center" }}>
+                        <Typography>
                           Params = [
                           {trial.params
                             .map((p) => `${p.name}: ${p.value}`)
@@ -121,8 +121,7 @@ export const BestTrialsCard: FC<{
     <Card>
       <CardContent
         sx={{
-          alignItems: "center",
-          display: "flex",
+          display: "inline-content",
           flexDirection: "column",
         }}
       >
diff --git a/optuna_dashboard/ts/components/GraphHyperparameterImportances.tsx b/optuna_dashboard/ts/components/GraphHyperparameterImportances.tsx
index 373add6c..faf090fe 100644
--- a/optuna_dashboard/ts/components/GraphHyperparameterImportances.tsx
+++ b/optuna_dashboard/ts/components/GraphHyperparameterImportances.tsx
@@ -56,7 +56,7 @@ export const GraphHyperparameterImportanceBeta: FC<{
               <CardContent>
                 <Typography
                   variant="h6"
-                  sx={{ margin: "1em 0", fontWeight: 600, textAlign: "center" }}
+                  sx={{ margin: "1em 0", fontWeight: 600 }}
                 >
                   {title}
                 </Typography>
diff --git a/optuna_dashboard/ts/components/StudyDetailBeta.tsx b/optuna_dashboard/ts/components/StudyDetailBeta.tsx
index f1ff6ac2..75a2eedd 100644
--- a/optuna_dashboard/ts/components/StudyDetailBeta.tsx
+++ b/optuna_dashboard/ts/components/StudyDetailBeta.tsx
@@ -130,7 +130,6 @@ export const StudyDetailBeta: FC<{
             <Card>
               <CardContent
                 sx={{
-                  alignItems: "center",
                   display: "flex",
                   flexDirection: "column",
                 }}