fix result position

src/Addition.js

@@ -403,9 +403,9 @@ function Addition() {
 
   const finishCalculation = () => {
     document.getElementById("idmtResultSteps").innerHTML = "";
-    let resCalc = resArr.filter(n => n !== " ").join("");
-    setResultsGrid([{number: resCalc}]);
-    resCalc = parseFloat(resCalc);
+    let resCalc = resArr.join("");
+    setResultsGrid([{number: resCalc.replace(/ /g, " ")}]);
+    resCalc = parseFloat(resCalc.replace(/ /g, ""));
 
     let message = "";
     if(resCalc === realResult){

src/App.css

@@ -21,6 +21,7 @@ main ul li a{
 
 td{
   white-space: pre-wrap;
+  padding-left: 40px;
 }
 
 hr{
@@ -38,10 +39,6 @@ hr{
   padding: 0px 7px;
 }
 
-#overview table{
-  margin: 0 auto;
-}
-
 #overview p{
   margin: 0.2em 1em;
 }

src/Subtraction.js

@@ -457,7 +457,14 @@ function Subtraction() {
     if(resCalc.startsWith(".")){
       resCalc = "0" + resCalc;
     }
-    setResultsGrid([{number: resCalc}]);
+
+    let maxLen = Math.max(...numbers.map(x => x.length));
+    let resStr = resCalc;
+    while(maxLen > resStr.length){
+      resStr = " " + resStr;
+    }
+
+    setResultsGrid([{number: resStr}]);
     resCalc = parseFloat(resCalc);
 
     let message = "";