Dropdown text cut off fix

Issue-ID: SDC-932
Change-Id: I3d97521c9afa7897e1185df8c553086dced527a1
Signed-off-by: svishnev <shlomo-stanisla.vishnevetskiy@amdocs.com>

diff --git a/openecomp-ui/resources/scss/bootstrap-cust/_forms.scss b/openecomp-ui/resources/scss/bootstrap-cust/_forms.scss
index 4ec2341..940f440 100644 (file)
--- a/openecomp-ui/resources/scss/bootstrap-cust/_forms.scss
+++ b/openecomp-ui/resources/scss/bootstrap-cust/_forms.scss
@@ -22,6 +22,9 @@
   &:hover {
     border-color: $gray;
   }
+  &.custom-select {
+    padding-top: 3px;
+  }
 }
 
 label {

diff --git a/openecomp-ui/src/nfvo-components/input/validation/Input.jsx b/openecomp-ui/src/nfvo-components/input/validation/Input.jsx
index 9f0e9ac..33cea93 100644 (file)
--- a/openecomp-ui/src/nfvo-components/input/validation/Input.jsx
+++ b/openecomp-ui/src/nfvo-components/input/validation/Input.jsx
@@ -99,6 +99,7 @@ class Input extends React.Component {
                                                data-test-id={this.props['data-test-id']} />}
                                        {type === 'select' &&
                                        <FormControl onClick={ (e) => this.optionSelect(e) }
+                                                className='custom-select'
                                                 componentClass={type}
                                                 inputRef={(input) => this.input = input}
                                                 name={name} {...inputProps}