From e8c5df53ab67c3103ddffaad91df1ebc5d6c80d8 Mon Sep 17 00:00:00 2001 From: derek73 Date: Tue, 13 May 2014 22:19:51 -0700 Subject: [PATCH] use {box-sizing: content-box} for input elements Since you're using relative units for the width need to make sure any padding is not included in the width measurement. content-box is the default in some browsers but it is frequently normalized to border-box in CSS frameworks. --- zebra/static/zebra/card-form.css | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/zebra/static/zebra/card-form.css b/zebra/static/zebra/card-form.css index d77015b..7c686f7 100644 --- a/zebra/static/zebra/card-form.css +++ b/zebra/static/zebra/card-form.css @@ -1,9 +1,12 @@ #id_card_number { width: 15ex; + box-sizing: content-box; } #id_card_cvv { width: 3ex; + box-sizing: content-box; } #id_card_expiry_year { width: 10ex; -} \ No newline at end of file + box-sizing: content-box; +}