style change to ID updates

craft.js

@@ -141,6 +141,11 @@ class Craft{
                 }
             }
         }
+        //apply material tiers - the good thing is that this should be symmetric.
+        for (const mat of this.mat_tiers) {
+
+        }
+
         //apply ingredient effectivness - on ids, and reqs (itemIDs). NOT on durability, duration, or charges.
         let eff_flat = eff.flat();
         //console.log(eff_flat);

crafter.js

@@ -108,7 +108,7 @@ function calculateCraft() {
                 break;
             }
         }
-        if (mat_tiers.length < i) { //defualt to t3
+        if (mat_tiers.length < i) { //default to t3
             mat_tiers.push(3);
             document.getElementById("mat-"+i+"-3").classList.add("toggleOn");
         } 

styles.css

@@ -31,7 +31,7 @@ div {
     grid-template-rows: min-content min-content auto;
 }
 
-.skillpoints, .id-edit1 {
+.skillpoints{
     padding: 0% 4% 2%;
     display: grid;
     grid-template-columns: repeat(5, 1fr);
@@ -39,6 +39,7 @@ div {
     grid-auto-rows: minmax(60px, auto);
 }
 
+
 .id-edit2 {
     padding: 0% 4% 2%;
     display: grid;
@@ -89,8 +90,11 @@ table.center{
 .right {
     text-align: right;
 }
-
-.left {
+.idLeft {
+    text-align: left;
+    margin-left: 2px;
+}
+.left{
     margin: 2px 2%;
     text-align: left;
 }