From: Arun Persaud <arun@nubati.net>
Date: Wed, 16 Nov 2011 05:13:20 +0000 (-0800)
Subject: LAYOUT: use html5 buttons for prev/next for the tricks
X-Git-Url: https://git.nubati.net/cgi-bin/gitweb.cgi?p=e-DoKo.git;a=commitdiff_plain;h=75d3974143dbaa3601317f767d77ed1c3cc13e9b

LAYOUT: use html5 buttons for prev/next for the tricks
---

diff --git a/css/standard.css b/css/standard.css
index 5c2b9fa..2e8567f 100644
--- a/css/standard.css
+++ b/css/standard.css
@@ -258,8 +258,8 @@ ul.tricks li {
   display:inline;
 }
 ul.tricks li.old {  background-color:#fff; }
-ul.tricks li:hover {  background-color: #bbb;}
-ul.tricks li.nohighlight:hover {  background-color: #fff;}
+ul.tricks li a:hover {  background-color: #bbb;}
+ul.tricks li.nohighlight a:hover {  background-color: #fff;}
 
 div.tricks {
   position: absolute;
diff --git a/include/game.php b/include/game.php
index 621b0b0..6d5b169 100644
--- a/include/game.php
+++ b/include/game.php
@@ -417,8 +417,8 @@ switch($mystatus)
       echo "  <li onclick=\"hl('13');\" class=\"current\"><a href=\"#\">"._('Score')."</a></li>\n";
 
     /* output previous/next buttons */
-    echo "  <li onclick=\"hl_prev();\" class=\"old\"><a href=\"#\">"._('prev')."</a></li>\n";
-    echo "  <li onclick=\"hl_next();\" class=\"old\"><a href=\"#\">"._('next')."</a></li>\n";
+    echo "  <li onclick=\"hl_prev();\" ><button>"._('prev')."</button></li>\n";
+    echo "  <li onclick=\"hl_next();\" ><button>"._('next')."</button></li>\n";
 
     echo "</ul>\n\n";
 
diff --git a/include/output.php b/include/output.php
index 74d0e00..1d1a71f 100644
--- a/include/output.php
+++ b/include/output.php
@@ -379,7 +379,7 @@ function output_header()
      <meta name="viewport" content="width=device-width; initial-scale=1.0;" />
      <link rel="shortcut icon" href="pics/edoko-favicon.png" />
      <link rel="stylesheet" href="css/normalize.css?v=1" />
-     <link rel="stylesheet" href="css/standard.css?v=37" />
+     <link rel="stylesheet" href="css/standard.css?v=38" />
      <link rel="stylesheet" href="css/dateinput.css?v=1"/>
      <script type="text/javascript" src="include/jquery.js"> </script>
      <script type="text/javascript" src="include/jquery.tablesorter.js"></script>