1.1 --- a/minesweeper/src/main/webapp/pages/index.html Sat Feb 08 13:02:21 2014 +0100
1.2 +++ b/minesweeper/src/main/webapp/pages/index.html Mon Feb 10 17:22:14 2014 +0100
1.3 @@ -33,25 +33,34 @@
1.4 <link href="mines.css" rel="stylesheet">
1.5 <!-- Target tablets -->
1.6 <link href="mines-tablet-large.css"
1.7 - media="(min-width:600px) and (max-width:780px), (min-height:620px) and (max-height:830px)"
1.8 + media="(min-width:640px) and (max-width:780px), (min-height:660px) and (max-height:830px)"
1.9 rel="stylesheet" />
1.10 <link href="mines-tablet-small.css"
1.11 - media="(min-width:500px) and (max-width:600px), (min-height:520px) and (max-height:640px)"
1.12 + media="(min-width:510px) and (max-width:640px), (min-height:520px) and (max-height:660px)"
1.13 rel="stylesheet" />
1.14 <!-- Target phones -->
1.15 <link href="mines-phone-large.css"
1.16 - media="(min-width:400px) and (max-width:500px), (min-height:400px) and (max-height:520px)"
1.17 + media="(min-width:410px) and (max-width:510px), (min-height:400px) and (max-height:520px)"
1.18 rel="stylesheet" />
1.19 <link href="mines-phone-small.css"
1.20 - media="(max-width:400px), (max-height:400px)"
1.21 + media="(min-width:250px) and (max-width:410px), (min-height:250px) and (max-height:400px)"
1.22 + rel="stylesheet" />
1.23 + <link href="mines-phone-smaller.css"
1.24 + media="(max-width:250px), (max-height:250px)"
1.25 rel="stylesheet" />
1.26 </head>
1.27 <body>
1.28 <div class="navbar">
1.29 <div class="navbar-inner">
1.30 <a id="apptitle" class="brand" href="#" data-bind="click: showHelp">Minesweeper</a>
1.31 - <button class="btn btn-default navbar-btn" disabled="true" data-bind="disable: false, click: normalGame">New Game!</button>
1.32 - <button class="btn btn-default navbar-btn" disabled="true" data-bind="disable: !fieldShowing(), click: giveUp ">Show Mines!</button>
1.33 + <button class="btn btn-default navbar-btn" disabled="true" data-bind="disable: false, click: normalGame">
1.34 + <span>↻</span>
1.35 + <span class="hidden-phone">New Game!</span>
1.36 + </button>
1.37 + <button class="btn btn-default navbar-btn" disabled="true" data-bind="disable: !fieldShowing(), click: giveUp ">
1.38 + <span>✗</span>
1.39 + <span class="hidden-phone">Show Mines!</span>
1.40 + </button>
1.41 </div>
1.42 </div>
1.43