✅Scrapbox Dialogの見た目を改善する

from ✅ダイアログの見た目を改善する Scrapbox Dialogの見た目を改善する after:

• before
  • 
• とりあえず上下にでこぼこしてるのはなんとかしたい
  • 入力欄はinputタグ直接で、ボタンはMaterial-UIなので後者に揃えるのが良さそう
    • 入力欄 Text Field React component - Material-UI
• ボタンに背景色をつける
  • variant=“contained” React Button component - Material-UI
  • 
• 入力欄にこんなにパディングいらない css

.MuiOutlinedInput-input {
    padding: 9px;
}

- ![image](https://gyazo.com/f9a6013f0b6ea724acb2d47ef91b18be/thumb/1000)

• マージンがないせいでラベルがはみ出してるのをなおしたい css

.dialog-inputs > div {
  margin-top: 7px;
}

- ![image](https://gyazo.com/7856c9b750e100efade7fb5c1e37c0e3/thumb/1000)

• iPhone Xサイズだとどうなるか
  • 
• サイズを調節してみる
  • 
    • うーん、個人的にはここが揃って欲しいけどな…
    • 
• 改善した
  • ✅Scrapbox Dialogの右の隙間を修正