DateInputWidget: Use `max-width` instead of `width`

Using `max-width` instead of `width` to address overflowing form
container on very small screens.

Change-Id: Ibe88fa68543343fc2a0fac3eb9843334c6e80433

diff --git a/resources/src/mediawiki.widgets/mw.widgets.DateInputWidget.styles.less b/resources/src/mediawiki.widgets/mw.widgets.DateInputWidget.styles.less
index 90bcc2e..647c983 100644 (file)
--- a/resources/src/mediawiki.widgets/mw.widgets.DateInputWidget.styles.less
+++ b/resources/src/mediawiki.widgets/mw.widgets.DateInputWidget.styles.less
@@ -57,7 +57,7 @@
 .mw-widget-dateInputWidget {
        &.oo-ui-textInputWidget {
                display: inline-block;
-               width: 21em;
+               max-width: 21em;
                // .oo-ui-inline-spacing( 0.5em ); already inherited from `.oo-ui-inputWidget`
 
                .oo-ui-labelElement-label {