🚑 Hotfix slanted tabs

Fix second tab visually broken #464

Author: GitSquared

src/_renderer.js

@@ -448,7 +448,7 @@ async function initUI() {
     };
     window.currentTerm = 0;
     window.term[0].onprocesschange = p => {
-        document.getElementById("shell_tab0").innerText = "MAIN - "+p;
+        document.getElementById("shell_tab0").innerHTML = `<p>MAIN - ${p}</p>`;
     };
     // Prevent losing hardware keyboard focus on the terminal when using touch keyboard
     window.onmouseup = e => {

src/assets/css/main_shell.css

@@ -68,25 +68,20 @@ ul#main_shell_tabs > li {
     box-sizing: border-box;
 
     background: var(--color_light_black);
+    transform: skewX(35deg);
 }
 ul#main_shell_tabs > li > p {
     margin: 0;
+    transform: skewX(-35deg);
 }
 ul#main_shell_tabs > li:not(:first-child) {
     border-left: 0.18vh solid rgba(var(--color_r), var(--color_g), var(--color_b), 0.5);
-    transform: skewX(35deg);
-}
-ul#main_shell_tabs > li:not(:first-child) > p {
-    transform: skewX(-35deg);
 }
 
 ul#main_shell_tabs > li.active {
     background: rgb(var(--color_r), var(--color_g), var(--color_b));
     color: var(--color_light_black);
     font-weight: bold;
-    transform: scale(1.2);
-}
-ul#main_shell_tabs > li:not(:first-child).active {
     transform: skewX(35deg) scale(1.2);
     z-index: -1;
 }