fix(form): Update styling for dropdown selectors. Addresses ibi-group/trimet-mod-otp#144

Author: David Emory

lib/components/form/date-time-selector.js

@@ -84,6 +84,7 @@ class DateTimeSelector extends Component {
             <Row>
               <Col xs={12}>
                 <FormControl
+                  className='dropdown-selector'
                   componentClass='select'
                   style={{width: '100%'}}
                   onChange={this._onDayOfWeekChange}
@@ -126,6 +127,7 @@ class DateTimeSelector extends Component {
           <Row>
             <Col xs={12}>
               <FormControl
+                className='dropdown-selector'
                 componentClass='select'
                 value={departArrive}
                 onChange={this._onDepartChange}

lib/components/form/dropdown-selector.js

@@ -28,11 +28,12 @@ class DropdownSelector extends Component {
 
     return (
       <Form>
-        <FormGroup style={{marginBottom: '15px'}} className='date-time-selector'>
+        <FormGroup style={{marginBottom: '15px'}}>
           <Row>
             <Col xs={6} className='setting-label'>{label}</Col>
             <Col xs={6}>
               <FormControl
+                className='dropdown-selector'
                 componentClass='select'
                 value={value}
                 onChange={this._onQueryParamChange}

lib/components/form/form.css

@@ -191,6 +191,13 @@
   outline: none;
 }
 
+/* General dropdown selector */
+
+.otp.mobile .dropdown-selector {
+  font-size: 16px;
+  padding-top: 5px;
+}
+
 /* Error message */
 
 .otp .error-message {