Permalink
Browse files

Improve UnitInfoForm layout

  • Loading branch information...
markerikson committed Jan 1, 2018
1 parent d18161b commit 3c1be29b30c4b724656868bbe9bf1e4fd0a28082
Showing with 21 additions and 18 deletions.
  1. +21 −18 src/features/unitInfo/UnitInfo/UnitInfoForm.jsx
@@ -62,7 +62,7 @@ class UnitInfoForm extends Component {
return (
<Form size="large">
<Form.Field name="name" width={6}>
<Form.Field name="name">
<label>Unit Name</label>
<FormEditWrapper
singleValue={true}
@@ -76,23 +76,26 @@ class UnitInfoForm extends Component {
/>
</FormEditWrapper>
</Form.Field>
<Form.Field name="affiliation" width={6}>
<label>Affiliation</label>
<Dropdown
name="affiliation"
selection
options={FACTIONS}
value={affiliation}
onChange={this.onAffiliationChanged}
/>
</Form.Field>
<Form.Field name="color">
<label>Color</label>
<ColorPickerButton
value={color}
onClick={this.onColorClicked}
/>
</Form.Field>
<Form.Group>
<Form.Field name="affiliation" width={12}>
<label>Affiliation</label>
<Dropdown
name="affiliation"
selection
options={FACTIONS}
value={affiliation}
onChange={this.onAffiliationChanged}
/>
</Form.Field>
<Form.Field name="color">
<label>Color</label>
<ColorPickerButton
value={color}
onClick={this.onColorClicked}
/>
</Form.Field>
</Form.Group>
</Form>
);
}

0 comments on commit 3c1be29

Please sign in to comment.