From: Carl Worth <cworth@cworth.org>
Date: Sun, 8 Mar 2026 12:39:30 +0000 (-0400)
Subject: Remove custom "join-btn" classes from letterrip and anagrams
X-Git-Url: https://git.cworth.org/git?a=commitdiff_plain;h=637674d9df384189273e26efeefd6e2d0b5d6bfd;p=lmno.games

Remove custom "join-btn" classes from letterrip and anagrams

We already have button styling at the top levl. Use it for consistency.
---

diff --git a/anagrams/anagrams.css b/anagrams/anagrams.css
index 91268c1..7aa59a8 100644
--- a/anagrams/anagrams.css
+++ b/anagrams/anagrams.css
@@ -60,14 +60,6 @@
   border-color: #e67e22;
 }
 
-.join-btn {
-  background: #3498db;
-  border: 2px solid #3498db;
-  color: white;
-  font-size: 1.1em;
-  padding: 0.5em 1.5em;
-}
-
 /* Bag button */
 .bag-btn {
   display: inline-flex;
diff --git a/anagrams/anagrams.jsx b/anagrams/anagrams.jsx
index e76267c..f5495b7 100644
--- a/anagrams/anagrams.jsx
+++ b/anagrams/anagrams.jsx
@@ -659,12 +659,10 @@ class Game extends React.Component {
                 url={state.game_info.url} />,
 
       !state.joined ? (
-        <div key="join" className="controls">
-          <button className="join-btn"
-                  onClick={() => this.join_game()}>
-            Join Game
-          </button>
-        </div>
+        <button key="join"
+                onClick={() => this.join_game()}>
+          Join Game
+        </button>
       ) : null,
 
       state.joined ? this.render_controls() : null,
diff --git a/letterrip/letterrip.css b/letterrip/letterrip.css
index c11ca83..551eb04 100644
--- a/letterrip/letterrip.css
+++ b/letterrip/letterrip.css
@@ -62,14 +62,6 @@
   color: white;
 }
 
-.controls button.join-btn {
-  background: #3498db;
-  border: 2px solid #3498db;
-  color: white;
-  font-size: 1.1em;
-  padding: 0.5em 1.5em;
-}
-
 /* "Letter Rip" button appears inside the rack when all tiles are
    placed and all words are valid. */
 .letter-rip-btn {
diff --git a/letterrip/letterrip.jsx b/letterrip/letterrip.jsx
index 6ea7fdb..620cfbc 100644
--- a/letterrip/letterrip.jsx
+++ b/letterrip/letterrip.jsx
@@ -868,11 +868,9 @@ class Game extends React.Component {
       ) : null,
 
       !state.joined && !state.game_over ? (
-        <div key="join" className="controls">
-          <button className="join-btn" onClick={() => this.join_game()}>
-            Join Game
-          </button>
-        </div>
+        <button key="join" onClick={() => this.join_game()}>
+          Join Game
+        </button>
       ) : null,
 
       state.joined && !state.game_over ? (