update styles package

eng/build.sh

@@ -44,7 +44,7 @@ done
 # build and test NPM
 npmDirs='src/microsoft-trydotnet
          src/microsoft-trydotnet-editor
-         src/microsoft-trydotnet-style'
+         src/microsoft-trydotnet-styles'
 for npmDir in $npmDirs;
 do
   echo "Building NPM in directory $npmDir"

src/microsoft-trydotnet-styles/package-lock.json

@@ -15,8 +15,7 @@
         "lodash": "4.17.21",
         "mkdirp": "1.0.4",
         "sass": "1.49.11",
-        "tar": "6.1.11",
-        "xterm": "4.18.0"
+        "tar": "6.1.11"
       }
     },
     "node_modules/@mdi/font": {
@@ -484,12 +483,6 @@
       "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=",
       "dev": true
     },
-    "node_modules/xterm": {
-      "version": "4.18.0",
-      "resolved": "https://registry.npmjs.org/xterm/-/xterm-4.18.0.tgz",
-      "integrity": "sha512-JQoc1S0dti6SQfI0bK1AZvGnAxH4MVw45ZPFSO6FHTInAiau3Ix77fSxNx3mX4eh9OL4AYa8+4C8f5UvnSfppQ==",
-      "dev": true
-    },
     "node_modules/yallist": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
@@ -851,12 +844,6 @@
       "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=",
       "dev": true
     },
-    "xterm": {
-      "version": "4.18.0",
-      "resolved": "https://registry.npmjs.org/xterm/-/xterm-4.18.0.tgz",
-      "integrity": "sha512-JQoc1S0dti6SQfI0bK1AZvGnAxH4MVw45ZPFSO6FHTInAiau3Ix77fSxNx3mX4eh9OL4AYa8+4C8f5UvnSfppQ==",
-      "dev": true
-    },
     "yallist": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",

src/microsoft-trydotnet-styles/package.json

@@ -22,7 +22,6 @@
     "lodash": "4.17.21",
     "mkdirp": "1.0.4",
     "sass": "1.49.11",
-    "tar": "6.1.11",
-    "xterm": "4.18.0"
+    "tar": "6.1.11"
   }
 }

src/microsoft-trydotnet-styles/sass/trydotnet.scss

@@ -4,7 +4,6 @@
 @charset "utf-8";
 
 @import "../node_modules/github-markdown-css/github-markdown";
-@import "../node_modules/xterm/css/xterm";
 
 @import "./constants";
 @import "./run-button";
@@ -61,12 +60,13 @@ section {
     flex-basis: 67vw;
     padding: 2em 10em;
   }
+
   .control-column {
     flex-grow: 1;
     flex-basis: 33vw;
   }
 
-  > div {
+  >div {
     overflow-y: auto;
     padding: 16px;
   }
@@ -106,10 +106,12 @@ footer {
   border-left-width: 4px;
   display: flex;
   align-items: center;
+
   svg {
     margin: 16px;
     display: inline-flex;
   }
+
   span {
     display: inline-flex;
   }
@@ -145,4 +147,4 @@ ul.index {
     background-color: $dotnet-purple;
     //        @include action-button
   }
-}
+}