<!DOCTYPE html>
<html>
<head>
	<title>Page Title</title>

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

	<link rel="stylesheet" href="//code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css" />
	<script src="//code.jquery.com/jquery-1.10.2.min.js"></script>
	<script src="//code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js"></script>
	<style>
	html, body { padding: 0; margin: 0; }
	html, .ui-mobile, .ui-mobile body {
    	height: 85px;
	}
	.ui-mobile, .ui-mobile .ui-page {
    	min-height: 85px;
	}
	.ui-content{
		padding:10px 15px 0px 15px;
	}
	.custom-button {
		border: 3px dashed;
		border-color: red !important;
	}
	</style>
</head>

<body>
<div data-role="page" style="max-height:90px; min-height:90px;">
	<div role="main" class="ui-content">
		<form>
		<input type="button" value="The Button" data-wrapper-class="custom-button"></input>
		</form>
	</div>
</div>
</body>
</html>
