The Select ("Dropdown") form component should match the width of other input fields for consistency
Actual behaviour
Currently the Select component field width does not match the other components/input types, usually displaying much wider than the rest of the input fields
Its width is set to 100%, while all other input fields (except file upload fields) have a width of 25rem
This should apply to both the default and alt styles of select.
Expected behaviour
The Select ("Dropdown") form component should match the width of other input fields for consistency
Actual behaviour
Currently the Select component field width does not match the other components/input types, usually displaying much wider than the rest of the input fields Its width is set to
100%
, while all other input fields (except file upload fields) have a width of25rem
This should apply to both the default andalt
styles of select.Steps to reproduce
http://discover.fvas.unimelb.edu.au/ask![image](https://user-images.githubusercontent.com/15081925/27062317-980db746-502d-11e7-9081-d89bebfda2b1.png)
https://resources.web.unimelb.edu.au/controlled-environment/help-guides/using-forms/default-form![image](https://user-images.githubusercontent.com/15081925/27062336-b44112c8-502d-11e7-9e8d-d5334db9e773.png)
https://web.unimelb.edu.au/components/forms/![image](https://user-images.githubusercontent.com/15081925/27062364-d9a3db36-502d-11e7-9f29-b0c5109fbe24.png)
Suggested solution
Add
width: 25rem;
to.uomcontent fieldset .styled-select { }
to match other input fieldsBefore
After