The component scales incorrectly when the scale is 110%

[k2042]

Hello.

The component scales wrong in Chrome at 110%, both at 768 and 540 scaled screen width. It looks like this: https://imgur.com/a/hSBKZET Can be observed right on the demo page: https://innologica.github.io/vue2-daterange-picker

It can be fixed by setting slightly larger min-widths (like +10px more), the downside is that it introduces some excess margin on the right side. Like this:

@media (min-width: 540px) {
    .daterangepicker.show-ranges {
        min-width: 496px !important;
    }
}

@media (min-width: 768px) {
    .daterangepicker.show-ranges {
         min-width: 640px !important;
     }
 }

!important was needed because the styles responsible are scoped inside the vue-files of the component.

[katre159]

Same problem exists in Firefox when zoom is less than 100%.

[nkostadinov]

fixed in the current version