up

src/container/MasterData/formReportItems/VisualReportItems.js

@@ -209,7 +209,7 @@ export default class VisualReportItems extends Component {
                 <div style={{ height: this.props.height }}>
                     <div style={{ width: '100%' }}  className={"main-color"}  />
                     <div>
-                        <div style={{ display: 'flex', flexDirection: 'row', justifyContent: 'space-between', paddingRight: 25, paddingLeft: 25, marginTop: -150 }}>
+                        <div style={{ display: 'flex', flexDirection: 'row', justifyContent: 'space-between', paddingRight: 25, paddingLeft: 25, marginTop: -118 }}>
                             <label style={{ color: 'white', width: '20%', fontSize: 16, paddingTop: 8 }}>Data Visualization</label>
                         </div>
                         <div style={{ padding: 25, width: '100%' }}>
@@ -222,7 +222,13 @@ export default class VisualReportItems extends Component {
                                         onChange={(event, newInputValue) => this.setState({ report: newInputValue }, () => this.getItemHierarki())}
                                         debug
                                         disableClearable
-                                        renderInput={(params) => <TextField {...params} label="Report Type" margin="normal" style={{ marginTop: 7 }} />}
+                                        renderInput={(params) => 
+                                        <TextField {...params} 
+                                            label="Report Type" 
+                                            margin="normal" 
+                                            style={{ marginTop: 7 }} 
+                                            InputProps={{ ...params.InputProps, style: { width: "15%" , fontSize: 11, fontFamily: 'Nunito Sans, sans-serif' } }}
+                                            />}
                                         value={this.state.report}
                                     />
                                 </div>
@@ -233,7 +239,13 @@ export default class VisualReportItems extends Component {
                                         onChange={(event, newInputValue) => this.setState({ company: newInputValue }, () => this.getItemHierarki())}
                                         debug
                                         disableClearable
-                                        renderInput={(params) => <TextField {...params} label="Company" margin="normal" style={{ marginTop: 7 }} />}
+                                        renderInput={(params) => 
+                                        <TextField {...params} 
+                                        label="Company" 
+                                        margin="normal" 
+                                        style={{ marginTop: 7 }} 
+                                        InputProps={{ ...params.InputProps, style: { width: "15%" , fontSize: 11, fontFamily: 'Nunito Sans, sans-serif' } }}
+                                        />}
                                         value={this.state.company}
                                     />
                                 </div>