Make gamelist lobby cards bigger. Fix HTML entities in gamelist lobby cards. Add mouseover help to "Use idle timer" game option. Fix background on even-numbered rows when that player has won the round.

WebContent/cah.css

@@ -115,22 +115,22 @@ h2,h3,h4 {
 .gamelist_lobby {
   background: #fff;
   border-radius: .25em;
-  width: 500px;
-  height: 150px;
+  width: 575px;
+  height: 175px;
   float: left;
   border: 1px solid #ccc;
   margin: 4px;
 }
 
 .gamelist_lobby_left {
-  width: 72%;
+  width: 77%;
   height: 100%;
   padding: .5em 1.5%;
   float: left;
 }
 
 .gamelist_lobby_right {
-  width: 25%;
+  width: 20%;
   height: 100%;
   float: right;
 }
@@ -444,7 +444,7 @@ span.debug, span.admin {
 
 .selected {
   color: #fff;
-  background:#3c7fb1;
+  background: #3c7fb1 !important;
 }
 
 .logo {

WebContent/game.jsp

@@ -346,7 +346,10 @@ HttpSession hSession = request.getSession(true);
       Having more than 10 players may get cramped!
       <br/>
       <input type="checkbox" checked="checked" id="use_timer_template" class="use_timer" />
-      <label id="use_timer_template_label" for="use_timer_template">Use idle timer</label>
+      <label id="use_timer_template_label" for="use_timer_template"
+          title="Players will be skipped if they have not played within a reasonable amount of time.">
+          Use idle timer
+      </label>
       <br/>
       <fieldset class="card_sets">
         <legend>Card Sets</legend>

WebContent/js/cah.gamelist.js

@@ -205,7 +205,7 @@ cah.GameListLobby = function(parentElem, data) {
     var cardSetId = data[cah.$.GameInfo.CARD_SETS][key];
     cardSetNames.push(cah.CardSet.list[cardSetId].getName());
   }
-  $(".gamelist_lobby_cardset", this.element_).text(cardSetNames.join(', '));
+  $(".gamelist_lobby_cardset", this.element_).html(cardSetNames.join(', '));
 
   if (data[cah.$.GameInfo.HAS_PASSWORD]) {
     $(".gamelist_lobby_join", this.element_).val("Join\n(Passworded)");