proper backgrounds on pulse channel config selects (#4687)

frontend/src/metabase/pulse/components/PulseEditChannels.jsx

@@ -152,7 +152,7 @@ export default class PulseEditChannels extends Component {
                         <span className="h4 text-bold mr1">{field.displayName}</span>
                         { field.type === "select" ?
                             <Select
-                                className="h4 text-bold"
+                                className="h4 text-bold bg-white"
                                 value={channel.details[field.name]}
                                 options={field.options}
                                 optionNameFn={o => o}

frontend/src/metabase/pulse/components/RecipientPicker.jsx

@@ -154,7 +154,7 @@ export default class RecipientPicker extends Component {
         let { recipients } = this.props;
 
         return (
-            <ul className={cx("px1 pb1 bordered rounded flex flex-wrap", { "input--focus": this.state.focused })} onMouseDownCapture={this.onMouseDownCapture}>
+            <ul className={cx("px1 pb1 bordered rounded flex flex-wrap bg-white", { "input--focus": this.state.focused })} onMouseDownCapture={this.onMouseDownCapture}>
                 {recipients.map((recipient, index) =>
                     <li key={index} className="mr1 py1 pl1 mt1 rounded bg-grey-1">
                         <span className="h4 text-bold">{recipient.common_name || recipient.email}</span>
@@ -163,12 +163,11 @@ export default class RecipientPicker extends Component {
                         </a>
                     </li>
                 )}
-                <li className="flex-full mr1 py1 pl1 mt1" style={{ "minWidth": " 100px" }}>
+                <li className="flex-full mr1 py1 pl1 mt1 bg-white" style={{ "minWidth": " 100px" }}>
                     <input
                         ref="input"
                         type="text"
                         className="full h4 text-bold text-default no-focus borderless"
-                        style={{"backgroundColor": "transparent"}}
                         placeholder={recipients.length === 0 ? "Enter email addresses you'd like this data to go to" : null}
                         value={this.state.inputValue}
                         autoFocus={this.state.focused}

frontend/src/metabase/pulse/components/SchedulePicker.jsx

@@ -56,6 +56,7 @@ export default class SchedulePicker extends Component {
                     value={_.find(MONTH_DAY_OPTIONS, (o) => o.value === c.schedule_frame)}
                     options={MONTH_DAY_OPTIONS}
                     optionNameFn={o => o.name}
+                    className="bg-white"
                     optionValueFn={o => o.value}
                     onChange={(o) => this.props.onPropertyChange("schedule_frame", o) }
                 />
@@ -66,6 +67,7 @@ export default class SchedulePicker extends Component {
                             options={DAY_OPTIONS}
                             optionNameFn={o => o.name}
                             optionValueFn={o => o.value}
+                            className="bg-white"
                             onChange={(o) => this.props.onPropertyChange("schedule_day", o) }
                         />
                     </span>
@@ -83,6 +85,7 @@ export default class SchedulePicker extends Component {
                     options={DAY_OF_WEEK_OPTIONS}
                     optionNameFn={o => o.name}
                     optionValueFn={o => o.value}
+                    className="bg-white"
                     onChange={(o) => this.props.onPropertyChange("schedule_day", o) }
                 />
             </span>