Always use box-sizing for date text field (#8313)

diff --git a/WebContent/VAADIN/themes/reindeer/datefield/datefield.css b/WebContent/VAADIN/themes/reindeer/datefield/datefield.css
index 2dab322f50760b35f6e8ccf9325a52188ffd3b7f..f24977d786ba9fc267c655445b9e6a046a731eb1 100644 (file)
--- a/WebContent/VAADIN/themes/reindeer/datefield/datefield.css
+++ b/WebContent/VAADIN/themes/reindeer/datefield/datefield.css
@@ -228,20 +228,20 @@ td.v-datefield-calendarpanel-nextyear {
 .v-datefield-textfield {
        width: 100%;
 }
-.v-datefield-textfield.v-undefined-width {
+.v-undefined-width .v-datefield-textfield {
        width: auto;
 }
 .v-datefield-year.v-undefined-width > .v-datefield-textfield {
-       width: 4em;
+       width: 4.5em;
 }
 .v-datefield-month.v-undefined-width > .v-datefield-textfield {
-       width: 5em;
+       width: 5.5em;
 }
 .v-datefield-day.v-undefined-width > .v-datefield-textfield {
-       width: 5.5em;
+       width: 6em;
 }
 .v-datefield-full.v-undefined-width  >.v-datefield-textfield {
-       width: 12em;
+       width: 12.5em;
 }
 .v-datefield-popupcalendar input.v-datefield-textfield {
        border-right-width: 0;
@@ -249,7 +249,9 @@ td.v-datefield-calendarpanel-nextyear {
        -moz-border-radius-bottomright: 0;
        -webkit-border-top-right-radius: 0;
        -webkit-border-bottom-right-radius: 0;
-       height: 14px;
+       height: 23px;
+       box-sizing: border-box;
+       -moz-box-sizing: border-box;
 }
 .v-datefield.v-readonly input.v-datefield-textfield {
        border-right-width: 1px;