From bc4e01d3ce36e994c28e959c6b32d74959b3d8c3 Mon Sep 17 00:00:00 2001 From: Jasper de Groot Date: Tue, 7 May 2013 22:33:41 +0200 Subject: [PATCH] Textinput: Padding left/right on the input itself. Fixes #5977. --- .../jquery.mobile.forms.textinput.css | 22 +++++++++---------- 1 file changed, 10 insertions(+), 12 deletions(-) diff --git a/css/structure/jquery.mobile.forms.textinput.css b/css/structure/jquery.mobile.forms.textinput.css index 145693042c0..558e2aa2ae8 100644 --- a/css/structure/jquery.mobile.forms.textinput.css +++ b/css/structure/jquery.mobile.forms.textinput.css @@ -3,23 +3,15 @@ margin: .5em 0; background-image: none; } -div.ui-input-text { - padding: 0 .4em; -} -div.ui-input-has-clear { - padding: 0 1.875em 0 .4em; +.ui-input-has-clear { + padding-right: 1.875em; } .ui-input-search { - padding: 0 1.875em; + padding: 0 1.875em 0 1.5em; } textarea.ui-input-text { - padding: .4em; height: 3.125em; resize: vertical; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - -ms-box-sizing: border-box; - box-sizing: border-box; -webkit-transition: height 200ms linear; -moz-transition: height 200ms linear; -o-transition: height 200ms linear; @@ -28,13 +20,20 @@ textarea.ui-input-text { .ui-input-text input, .ui-input-search input, textarea.ui-input-text { + padding: .4em; min-height: 1.4em; line-height: 1.4em; font-size: 16px; display: block; width: 100%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; outline: 0; } +.ui-input-text.ui-mini, +.ui-input-search.ui-mini, .ui-input-text.ui-mini input, .ui-input-search.ui-mini input, textarea.ui-mini { @@ -43,7 +42,6 @@ textarea.ui-mini { .ui-input-text input, .ui-input-search input { display: block; - padding: .4em 0; margin: 0; border: none; background: transparent none;