Fix #302 and clean up extraneous terminal margins (#303)

* font loading fix #302

* fix inconsistent paddings.  issue was that the first '[' feels indented (because of the fixed with font).  applying a negative 2px margin fixes it and allows us to remove the paddings on the other elements.

src/app/line/lines.less

@@ -84,11 +84,14 @@
     }
 
     .meta.meta-line1 {
-        margin-left: 2px;
         color: rgba(@base-color, 0.6) !important;
         font-size: 11px;
     }
 
+    .meta.meta-line2 {
+        margin-left: -2px;
+    }
+
     &.has-rtnstate .terminal-wrapper {
         padding-bottom: 0;
     }
@@ -113,11 +116,6 @@
             overflow-x: hidden;
         }
 
-        .terminal {
-            margin-right: 8px;
-            padding: 0.25rem;
-        }
-
         &.cmd-done .terminal .xterm-cursor {
             display: none;
         }

src/index.ts

@@ -20,14 +20,9 @@ document.addEventListener("DOMContentLoaded", () => {
     let reactElem = React.createElement(App, null, null);
     let elem = document.getElementById("app");
     let root = createRoot(elem);
-    let isFontLoaded = document.fonts.check("12px 'JetBrains Mono'");
+    document.fonts.ready.then(() => {
-    if (isFontLoaded) {
         root.render(reactElem);
-    } else {
+    });
-        document.fonts.ready.then(() => {
-            root.render(reactElem);
-        });
-    }
 });
 
 (window as any).mobx = mobx;