Center the board on the screen ibrwsr
authorJaroslav Tulach <jaroslav.tulach@apidesign.org>
Mon, 05 May 2014 22:38:01 +0200
branchibrwsr
changeset 1398b25bb6ffc2a
parent 138 f4d6b81c2f07
child 140 6dfda3dedf1a
Center the board on the screen
minesweeper/src/main/webapp/pages/index.html
     1.1 --- a/minesweeper/src/main/webapp/pages/index.html	Fri Apr 25 12:55:40 2014 +0200
     1.2 +++ b/minesweeper/src/main/webapp/pages/index.html	Mon May 05 22:38:01 2014 +0200
     1.3 @@ -33,7 +33,7 @@
     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:640px) and (max-width:780px), (min-height:660px) and (max-height:830px)" 
     1.8 +              media="(min-width:640px), (min-height:660px)" 
     1.9                rel="stylesheet" />
    1.10          <link href="mines-tablet-small.css" 
    1.11                media="(min-width:510px) and (max-width:640px), (min-height:520px) and (max-height:660px)" 
    1.12 @@ -66,6 +66,7 @@
    1.13          
    1.14  
    1.15          <script type="text/html" id="field">
    1.16 +          <center>
    1.17              <table class="field">
    1.18                  <tbody>
    1.19                      <!-- ko foreach: rows -->
    1.20 @@ -79,6 +80,7 @@
    1.21                      <!-- /ko -->
    1.22                  </tbody>
    1.23              </table>
    1.24 +          </center>
    1.25          </script>
    1.26  
    1.27          <div data-bind="template: { name : 'field', if: fieldShowing }"></div>