text background

client/src/components/construct.jsx

@@ -111,7 +111,7 @@ function constructText(props) {
         ? animText.text
         : construct.name;
 
-    return <h3 class={'name'}>{text}</h3>;
+    return <h3 class={'name'}><span>{text}</span></h3>;
 }
 
 module.exports = {

client/src/components/game.construct.jsx

@@ -153,11 +153,11 @@ class GameConstruct extends Component {
             }
             const effects = construct.effects.length
                 ? construct.effects.map(c =>
-                    <div
-                        key={c.effect}
-                        onMouseOver={e => hoverInfo(e, c)}
-                        onMouseOut={e => hoverInfo(e, null)}
-                    > {c.effect} - {c.duration}T</div>)
+                    <div key={c.effect}>
+                        <span key={c.effect} onMouseOver={e => hoverInfo(e, c)}
+                            onMouseOut={e => hoverInfo(e, null)}> {c.effect} - {c.duration}T
+                        </span>
+                    </div>)
                 : null;
             return (<div class="effects"> {effects} </div>);
         };

client/src/components/skill.btn.jsx

@@ -91,7 +91,7 @@ function Skill(props) {
             onMouseOut={e => hoverInfo(e, null)}
             type="submit"
             onClick={onClick}>
-            {s.skill} {cdText}
+            <span>{s.skill} {cdText}</span>
         </button>
     );
 }