action readyiness indication

webapp/src/container/Games.css

@@ -97,16 +97,19 @@
     margin: 2px;
 }
 
-.ActionPanel .Create:hover,  /* OR */
-.game-action.busy 
+.ActionPanel .Create.ready  /* , */ /* OR  .game-action.busy  */
 {
     background-color:#00b0ff60;  
 }
 
-.ActionPanel .Create.enabled:active {
+.ActionPanel .Create.ready:hover {
     background-color:#00b0ffa0;  
 }
 
+.ActionPanel .Create.ready:active {
+    background-color:#00b0fff0;  
+}
+
 .ActionPanel .Cancel:hover,
 .ActionPanel .Reject:hover {
     background-color:#ff000030

webapp/src/container/games/action/Create.jsx

@@ -25,7 +25,7 @@ export default function Create({ isCurrentUser }) {
 
     return (
         <button className={'Create'
-            + (hasPlayers && hasCurrentUser ? ' enabled' : ' disabled')
+            + (hasPlayers && hasCurrentUser ? ' ready' : '')
         }
             onClick={pushNewGame}
         >