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

1 files changed, 8 insertions, 6 deletions

diff --git a/WebContent/VAADIN/themes/reindeer/datefield/datefield.css b/WebContent/VAADIN/themes/reindeer/datefield/datefield.css
index 2dab322f50..f24977d786 100644
--- 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;