From 90922da6628c8bd3e8590d581d2bd8d0009b3a0b Mon Sep 17 00:00:00 2001
From: c-bata <contact@c-bata.link>
Date: Sat, 19 Mar 2022 03:34:23 +0900
Subject: [PATCH] Make note editor resizable

---
 optuna_dashboard/static/components/Note.tsx      |  3 ++-
 .../static/components/StudyDetail.tsx            | 16 ++++++++--------
 2 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/optuna_dashboard/static/components/Note.tsx b/optuna_dashboard/static/components/Note.tsx
index 0ba538b7..5bd5cab1 100644
--- a/optuna_dashboard/static/components/Note.tsx
+++ b/optuna_dashboard/static/components/Note.tsx
@@ -61,10 +61,11 @@ export const Note: FC<{
         </Typography>
         <TextField
           disabled={saving}
-          minRows={10}
+          minRows={5}
           multiline={true}
           placeholder="Take a note (The note is saved to study's system_attrs)"
           sx={{ width: "100%", margin: `${theme.spacing(1)} 0` }}
+          inputProps={{ style: { resize: "vertical" } }}
           inputRef={textAreaRef}
           defaultValue={curNote.body}
           onChange={() => {
diff --git a/optuna_dashboard/static/components/StudyDetail.tsx b/optuna_dashboard/static/components/StudyDetail.tsx
index a18e22df..1715e09d 100644
--- a/optuna_dashboard/static/components/StudyDetail.tsx
+++ b/optuna_dashboard/static/components/StudyDetail.tsx
@@ -238,14 +238,14 @@ export const StudyDetail: FC<{
             />
             <FormLabel component="legend">Editor</FormLabel>
             <FormControlLabel
-                control={
-                  <Checkbox
-                      checked={preferences.noteEditorChecked}
-                      onChange={handlePreferenceOnChange}
-                      name="noteEditorChecked"
-                  />
-                }
-                label="NoteEditor"
+              control={
+                <Checkbox
+                  checked={preferences.noteEditorChecked}
+                  onChange={handlePreferenceOnChange}
+                  name="noteEditorChecked"
+                />
+              }
+              label="NoteEditor"
             />
           </FormGroup>
         </MuiDialogContent>