diff options
| -rw-r--r-- | openecomp-ui/resources/scss/onboarding.scss | 29 |
1 files changed, 18 insertions, 11 deletions
diff --git a/openecomp-ui/resources/scss/onboarding.scss b/openecomp-ui/resources/scss/onboarding.scss index 94dc223be3..fc05f7493e 100644 --- a/openecomp-ui/resources/scss/onboarding.scss +++ b/openecomp-ui/resources/scss/onboarding.scss @@ -18,20 +18,27 @@ div[data-reactroot].customized-date-picker-calendar { .react-datepicker__triangle { margin-top: 0px; } - .react-datepicker__navigation--previous { - border: none; - width: 12px; - height: 12px; - margin-top: 2px; - content: url(../../node_modules/sdc-ui/assets/icons/angleLeft.svg); + .react-datepicker__navigation--previous::before, .react-datepicker__navigation--next::before { + width: 8px; + height: 8px; + display: inline-block; + position: absolute; + top: -4px; + } + .react-datepicker__navigation--previous::before { + left: 0; + content: url(../../node_modules/sdc-ui/assets/icons/angleLeft.svg); + } + .react-datepicker__navigation--next::before { + right: 0; + content: url(../../node_modules/sdc-ui/assets/icons/angleRight.svg); } - .react-datepicker__navigation--next { + + .react-datepicker__navigation--previous, .react-datepicker__navigation--next { border: none; - width: 12px; - height: 12px; - margin-top: 2px; - content: url(../../node_modules/sdc-ui/assets/icons/angleRight.svg); } + + .react-datepicker__month-container { .react-datepicker__header { background-color: $background-gray; |