Make checkboxes easier to identify.

diff --git a/lib/entry.php b/lib/entry.php
index 1acf305..0dd4207 100644 (file)
--- a/lib/entry.php
+++ b/lib/entry.php
@@ -224,9 +224,9 @@
       if ($e == 'c') continue;
       $name = "endorsement_$e";
       $description = ucfirst(endorsement_description($e));
-      echo "<input type=\"checkbox\" name=\"$name\"";
+      echo "<label><input type=\"checkbox\" name=\"$name\"";
       if ($_POST[$name]) echo " checked=\"checked\"";
-      echo "> $description\n";
+      echo "> $description</label>\n";
     }
     echo "</p>\n";
     end_form();

diff --git a/style.css b/style.css
index 72d7fac..22a3052 100644 (file)
--- a/style.css
+++ b/style.css
@@ -1,6 +1,7 @@
 #laps { overflow-x: auto; }
 #laps table { background-color: rgba(20, 50, 100, 0.2); }
 #laps th, #laps td { padding-left: 1em; }
+#laps label:nth-child(even) { padding-top: 0.5em; padding-bottom: 0.5em; background-color: rgba(128, 128, 128, 0.1); }
 th { text-align: left; }
 th:nth-child(n+2),td:nth-child(n+2) { text-align: center; }
 #stats td:nth-child(n+1) { text-align: left; }