Finalized the styling for react-select

Signed-off-by: Akos Kitta <kittaakos@typefox.io>

arduino-ide-extension/src/browser/components/arduino-select.tsx

@@ -11,7 +11,6 @@ export class ArduinoSelect<T> extends Select<T> {
     }
 
     render(): React.ReactNode {
-        const { defaultValue, onChange, options, className } = this.props;
         const height = 25;
         const styles: Styles = {
             control: styles => ({
@@ -51,14 +50,11 @@ export class ArduinoSelect<T> extends Select<T> {
         });
         const DropdownIndicator = () => <span className='fa fa-caret-down caret' />;
         return <Select
-            options={options}
+            {...this.props}
-            defaultValue={defaultValue}
-            onChange={onChange}
             components={{ DropdownIndicator }}
             theme={theme}
             styles={styles}
             classNamePrefix='arduino-select'
-            className={className}
             isSearchable={false}
         />
     }

arduino-ide-extension/src/browser/monitor/monitor-widget.tsx

@@ -124,8 +124,18 @@ export class MonitorWidget extends ReactWidget {
                     <SerialMonitorSendField onSend={this.onSend} />
                 </div>
                 <div className='config'>
-                    <ArduinoSelect className='serial-monitor-select' options={lineEndings} defaultValue={lineEnding} onChange={this.onChangeLineEnding} />
+                    <ArduinoSelect
-                    <ArduinoSelect className='serial-monitor-select' options={baudRates} defaultValue={baudRate} onChange={this.onChangeBaudRate} />
+                        className='serial-monitor-select'
+                        maxMenuHeight={this.widgetHeight - 40}
+                        options={lineEndings}
+                        defaultValue={lineEnding}
+                        onChange={this.onChangeLineEnding} />,
+                    <ArduinoSelect
+                        className='serial-monitor-select'
+                        maxMenuHeight={this.widgetHeight - 40}
+                        options={baudRates}
+                        defaultValue={baudRate}
+                        onChange={this.onChangeBaudRate} />
                 </div>
             </div>
             <div id='serial-monitor-output-container'>