Improved world editor spacing
@@ -30,6 +30,7 @@ class WorldEditor extends Component {
<div className="WorldEditor">
<h2>Settings</h2>
+ <div>
<FormField>
<label>
<input
@@ -53,6 +54,7 @@ class WorldEditor extends Component {
Show Connections
</label>
</FormField>
+ </div>
<h2>Start Map</h2>
@@ -67,33 +69,32 @@ class WorldEditor extends Component {
</label>
</FormField>
- <FormField>
- <label className="HalfWidth">
- X
+ <FormField halfWidth>
+ <label htmlFor="startX">X</label>
<input
+ id="startX"
type="number"
value={project.startX || 0}
min={1}
onChange={this.onEdit("startX")}
/>
- </label>
</FormField>
- <FormField>
- <label className="HalfWidth">
- Y
+ <FormField halfWidth>
+ <label htmlFor="startY">Y</label>
<input
+ id="startY"
type="number"
value={project.startY || 0}
min={1}
onChange={this.onEdit("startY")}
/>
- </label>
</FormField>
<FormField>
- <label>Direction</label>
+ <label htmlFor="startDirection">Direction</label>
<DirectionPicker
+ id="startDirection"
value={project.startDirection || 0}
onChange={this.onEdit("startDirection")}
/>
