web remote doesn't scale to screen

[Samuel Findlay]

The web remote doesn't seem to scale to fit the width of the device's screen. Instead, it appears 'zoomed out' as if viewing a standard desktop web page.

I have checked the issue occurs on: Android, Android Dolphin HD, iPhone 4, iPod Touch 2nd gen.

I think this is due to a change in jQuery Mobile as of beta 1, and we're using rc2 [1]

I think it can be fixed simply by inserting this tag into the header of each html file in /openlp/plugins/remotes/html
<meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1" />

[1] http://stackoverflow.com/questions/6440129/jquery-mobile-beta-1-now-shows-the-page-as-a-normal-website-in-mobile-browsers

[Samuel Findlay (sfindlay)]

Alternately:
<meta name="viewport" content="width=device-width, initial-scale=1">

http://jquerymobile.com/demos/1.0b1/docs/pages/page-template.html