Vertically very small search bar, how to change?

[John]

Hi, 

this is perhaps a simple matter, I would like to ensure the search bar is a lot easier to hit with my fingers.  This renders really nicely (e.g. larger) on iOS 6 but as soon as I put this onto iOS 7 it's tiny. 

I'd like to increase it's vertical height. 

here's a picture of what the search bar looks like on iOS7: https://www.evernote.com/shard/s7/sh/e254e198-74f4-473a-8148-50f6bd879988/b5dd6c1a37393840b9df3d45c82620a1/deep/0/Screen%20Shot%202013-09-26%20at%2015.30.38.png

Thanks.

[John]

fixed, I just added this (my text input field has the class 'search-input-field').

so now, on iOS 7 only - the input field is a reasonable size, and the webkit-appearance change ensures it doesn't look web browser like, instead it's more in line with the iOS 7 look & feel.

.km-ios7 .search-field-input {
    -webkit-appearance: none;
    -webkit-text-size-adjust: 130%;
}

[Kiril Nikolov]

Hi John,

This seems reasonable. Using .km-ios7 class will apply the styling only for the stated platform, so on iOS6 you will still see the old look. 

 Regards,
Kiril Nikolov
Telerik