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 91268c163f7ce6a86dd468cf6827fb4f88325b8b..7aa59a883e86626141e7b4b6c2077952e7cbd194 100644 (file)
--- 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 e76267cd6bff2b57b5fb58827c35bc2b5852471b..f5495b79cc17a5e64f40dedb304b0094b8308fa9 100644 (file)
--- 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 c11ca836bab3cd13696045504f5e26d84e352c18..551eb0465316e72e188546dcd4a71ee19fe36363 100644 (file)
--- 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 6ea7fdb35ed438df34f0a42650bcbebc1e19050c..620cfbcc9ddca8e45ffe28b645a332a67deced43 100644 (file)
--- 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 ? (