center alignment of resolving text

client/src/components/targeting.arrows.jsx

@@ -52,6 +52,7 @@ class TargetSvg extends Component {
             itemInfo,
         } = props;
         const { width, height } = state;
+
         if (!game) return false; // game will be null when battle ends
         if (game.phase === 'Finished') return false; // Clear everything if its over (in case of abandon)
 
@@ -59,7 +60,7 @@ class TargetSvg extends Component {
         if (tutorialGame) {
             return (
                 <div class="resolving-skill">
-                    <h2><span> Select your skills, click on targets and then hit <b>READY</b>.</span></h2>
+                    <h2>Select your skills, click on targets and then hit <b>READY</b>.</h2>
                 </div>
             );
         }
@@ -72,8 +73,8 @@ class TargetSvg extends Component {
 
             return (
                 <div class="resolving-skill">
-                    <h1><span>{gameEffectInfo.effect}</span></h1>
-                    <div><span>{infoDescription} </span></div>
+                    <h1>{gameEffectInfo.effect}</h1>
+                    <div>{infoDescription}</div>
                 </div>
             );
         }
@@ -90,8 +91,8 @@ class TargetSvg extends Component {
             const itemSourceDescription = reactStringReplace(itemSourceInfo, itemRegEx, match => shapes[match]());
             return (
                 <div class="resolving-skill">
-                    <h1><span>{animSkill}</span></h1>
-                    <div><span>{itemSourceDescription}</span></div>
+                    <h1>{animSkill}</h1>
+                    <div>{itemSourceDescription}</div>
                 </div>
             );
         }