Add delay button for 3dmigoto

src/ui/components/common/DirInput.css

@@ -1,5 +1,5 @@
 .DirInput {
-  display: flex;
+  display:inline-flex;
   flex-direction: row;
   align-items: center;
   justify-content: center;

src/ui/components/common/SmallButton.css

@@ -0,0 +1,32 @@
+.SmallButtonSection {
+  display: inline-block;
+  margin-left: 20px;
+  vertical-align: middle;
+}
+
+.SmallButtonButton {
+  height: 20px;
+  filter: drop-shadow(0px 0px 5px rgb(0 0 0 / 20%));
+}
+
+.SmallButtonButton:hover {
+  cursor: pointer;
+}
+
+.SmallButtonButton img {
+  height: 100%;
+}
+
+.SmallButtonContents {
+  text-align: center;
+  position: relative;
+}
+
+.SmallButtonContents .MiniDialog {
+  position: absolute;
+
+  bottom: 40px;
+  right: -450%;
+  width: 200px;
+  height: 120px;
+}

src/ui/components/common/SmallButton.tsx

@@ -0,0 +1,39 @@
+import React from 'react'
+
+import './SmallButton.css'
+import Wrench from '../../../resources/icons/wrench.svg'
+import { translate } from '../../../utils/language'
+
+interface IProps {
+  children?: React.ReactNode[] | React.ReactNode
+  onClick: () => unknown
+  id?: string
+  contents?: string
+}
+
+export default class SmallButton extends React.Component<IProps> {
+  constructor(props: IProps) {
+    super(props)
+
+    this.handleClick = this.handleClick.bind(this)
+  }
+
+  async showAlert() {
+    if (this.props.contents) alert(await translate(this.props.contents))
+  }
+
+  handleClick() {
+    this.props.onClick()
+    this.showAlert()
+  }
+
+  render() {
+    return (
+      <div className="SmallButtonSection">
+        <div className="SmallButtonButton" onClick={this.handleClick}>
+          <img src={Wrench} />
+        </div>
+      </div>
+    )
+  }
+}