css fixes and removed long info componenents

client/src/components/info.component.jsx

@@ -169,7 +169,7 @@ function Info(args) {
             const filteredCombos = vboxInfo.combos
                 .filter(combo => combiner.every(u => u === null
                     || combo.units.includes(player.vbox.bound[u])));
-
+            if (filteredCombos.length > 6) return false;
             return (
                 <table>
                     <tbody>
@@ -183,11 +183,12 @@ function Info(args) {
                 </table>
             );
         }
-
+        const vboxCombos = vboxInfo.combos.filter(c => c.units.includes(info[1]));
+        if (vboxCombos.length > 6) return false;
         return (
             <table>
                 <tbody>
-                    {vboxInfo.combos.filter(c => c.units.includes(info[1])).map((c, i) =>
+                    {vboxCombos.map((c, i) =>
                         <tr key={i} >
                             <td className="highlight" >{convertVar(c.var)}</td>
                             {c.units.map((u, j) => <td key={j} >{convertVar(u)}</td>)}
@@ -206,12 +207,12 @@ function Info(args) {
 
     return (
         <div className={classes} >
-            <InfoCryp />
             <CrypVar />
             <Combos />
-            <ScoreBoard />
         </div>
     );
 }
+// <InfoCryp /> not required anymore
+// <ScoreBoard /> Takes up too much space maybe a context switch
 
 module.exports = Info;