From 761ba3bf2e6e56bad4e46ad4393f09ab184daa10 Mon Sep 17 00:00:00 2001
From: c-bata <contact@c-bata.link>
Date: Fri, 9 Apr 2021 15:59:50 +0900
Subject: [PATCH] Add visual improvements of contour plot

---
 optuna_dashboard/static/components/GraphContour.tsx | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/optuna_dashboard/static/components/GraphContour.tsx b/optuna_dashboard/static/components/GraphContour.tsx
index 6ce595e3..8b3c0e28 100644
--- a/optuna_dashboard/static/components/GraphContour.tsx
+++ b/optuna_dashboard/static/components/GraphContour.tsx
@@ -7,6 +7,7 @@ import {
   InputLabel,
   MenuItem,
   Select,
+  Typography,
 } from "@material-ui/core"
 import { createStyles, makeStyles, Theme } from "@material-ui/core/styles"
 
@@ -14,6 +15,9 @@ const plotDomId = "graph-contour"
 
 const useStyles = makeStyles((theme: Theme) =>
   createStyles({
+    title: {
+      margin: "1em 0",
+    },
     formControl: {
       marginBottom: theme.spacing(2),
       marginRight: theme.spacing(2),
@@ -84,6 +88,7 @@ export const GraphContour: FC<{
     <Grid container direction="row">
       <Grid item xs={3}>
         <Grid container direction="column">
+          <Typography variant="h6" className={classes.title}>Contour</Typography>
           {study !== null && study.directions.length !== 1 ? (
             <FormControl component="fieldset" className={classes.formControl}>
               <FormLabel component="legend">Objective ID:</FormLabel>