Style the add score button

diff --git a/trivabble.css b/trivabble.css
index 80cf56679c01cd53434d646461eb4821199e3509..b36380735a7560407f1597cbce655c34630aaa31 100644 (file)
--- a/trivabble.css
+++ b/trivabble.css
@@ -373,18 +373,33 @@ td.blink {
 
 #participants th, #participants td {
     border:1px solid gray;
-    padding:0.33ex 1ex
+    padding:0.33ex 0.5ex
 }
 
-#participants .score-cell {
-    min-width:4em;
+#participants .score-cell > span {
+    display:inline-block;
+    min-width:2.5em;
 }
 
-#participants .score-cell:hover, .turn-cell button:hover {
+#participants .score-cell > span:hover, .turn-cell button:hover {
     cursor:pointer;
     background:#FFA
 }
 
+#participants .score-cell button {
+    min-height: auto;
+    font-size:x-small;
+    padding:0 0.5ex;
+    margin:0;
+    background:#CCC;
+    color:back;
+    border:0;
+}
+
+#participants .score-cell button:hover {
+    background:#DDD;
+}
+
 #participants th {
     font-weight:normal;
     background:#EEE;

diff --git a/trivabble.js b/trivabble.js
index f590d7aa5459d058c491e648cd71f737c21eea19..59a5bdc9e29f2e876c66ecce7243a8d030e4eecb 100644 (file)
--- a/trivabble.js
+++ b/trivabble.js
@@ -742,11 +742,13 @@
                     participants.insertBefore(row, before);
                     row.appendChild(document.createElement("td"));
                     row.lastChild.textContent = playerName;
+
                     row.appendChild(document.createElement("td"));
+
                     row.appendChild(document.createElement("td"));
+                    row.lastChild.className = "score-cell";
 
                     row.lastChild.appendChild(document.createElement("span"));
-                    row.lastChild.lastChild.className = "score-cell";
                     row.lastChild.lastChild.onclick = (
                         function (row) {
                             return function () {
@@ -775,7 +777,7 @@
                             };
                         }
                     )(row);
-
+                    row.lastChild.appendChild(document.createTextNode(" "));
                     row.lastChild.appendChild(document.createElement("button"));
                     row.lastChild.lastChild.textContent = "+";
                     row.lastChild.lastChild.onclick = (