Minor CSS fix ups (#812)

Author: Gold856

vscode-wpilib/resources/media/icons.css

@@ -91,3 +91,11 @@
 .codicon-chrome-minimize:before {
   content: '\eaba';
 }
+
+.codicon-notebook:before {
+  content: '\ebaf';
+}
+
+.codicon-notebook-template:before {
+  content: '\ebbf';
+}

vscode-wpilib/resources/media/main.css

@@ -7,14 +7,6 @@
   }
 }
 
-.uninstall-button .vscode-select select {
-  height: 24px;
-  box-sizing: border-box;
-  line-height: 18px;
-  padding: 2px 4px;
-  border-radius: 2px;
-}
-
 .uninstall-button button[id*='version-action'],
 .uninstall-button button[id*='uninstall-action'],
 .uninstall-button button[id*='install-action'] {
@@ -166,17 +158,6 @@ button[id*='version-action'] {
   width: 100%;
 }
 
-.project-select {
-  min-width: 250px;
-  background-color: var(--vscode-dropdown-background);
-  border: 1px solid var(--vscode-dropdown-border);
-  color: var(--vscode-dropdown-foreground);
-  padding: 6px 8px;
-  border-radius: 4px;
-  cursor: pointer;
-  width: 100%;
-}
-
 .project-actions {
   display: flex;
   justify-content: flex-end;
@@ -344,6 +325,10 @@ button[id*='version-action'] {
   color: var(--vscode-descriptionForeground);
 }
 
+.card-icon i.codicon {
+  font-size: 48px;
+}
+
 .selection-card.selected .card-icon {
   color: var(--vscode-button-background);
 }

vscode-wpilib/resources/webviews/projectcreator.html

@@ -32,24 +32,14 @@ <h2>Step 1: Select Project Type</h2>
             <h3>Template</h3>
             <p>Start with a basic robot program structure</p>
             <div class="card-icon">
-              <svg viewBox="0 0 24 24" width="48" height="48">
-                <path
-                  fill="currentColor"
-                  d="M14,17H7V15H14M17,13H7V11H17M17,9H7V7H17M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z"
-                />
-              </svg>
+              <i class="codicon codicon-notebook-template"></i>
             </div>
           </div>
           <div class="selection-card" data-value="Example">
             <h3>Example</h3>
             <p>Start with a complete example project</p>
             <div class="card-icon">
-              <svg viewBox="0 0 24 24" width="48" height="48">
-                <path
-                  fill="currentColor"
-                  d="M8,16H16V18H8V16M8,12H16V14H8V12M14,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2M18,20H6V4H13V9H18V20Z"
-                />
-              </svg>
+              <i class="codicon codicon-notebook"></i>
             </div>
           </div>
         </div>
@@ -70,17 +60,19 @@ <h2>Step 2: Select Language & Base</h2>
 
         <div class="project-row">
           <div class="project-label"><b>Language</b></div>
-          <div class="select-wrapper">
-            <select id="language-select" class="project-select" disabled>
+          <div class="select-wrapper vscode-select">
+            <i class="codicon codicon-chevron-right chevron-icon"></i>
+            <select id="language-select" disabled>
               <option value="" selected disabled>Select a language</option>
             </select>
           </div>
         </div>
 
         <div class="project-row">
           <div class="project-label"><b>Project Base</b></div>
-          <div class="select-wrapper">
-            <select id="base-select" class="project-select" disabled>
+          <div class="select-wrapper vscode-select">
+            <i class="codicon codicon-chevron-right chevron-icon"></i>
+            <select id="base-select" disabled>
               <option value="" selected disabled>Select a project base</option>
             </select>
           </div>

vscode-wpilib/src/webviews/webviewbase.ts

@@ -39,7 +39,10 @@ export abstract class WebViewBase {
 
     this.html = this.html.replace(
       '</head>',
-      `<link rel="stylesheet" href="replaceresource/resources/media/icons.css" />\r\n<link rel="stylesheet" href="replaceresource/resources/media/vscode-elements.css" />\r\n<link rel="stylesheet" href="replaceresource/resources/media/main.css" />\r\n</head>`
+      `<link rel="stylesheet" href="replaceresource/resources/media/icons.css" />
+      <link rel="stylesheet" href="replaceresource/resources/media/vscode-elements.css" />
+      <link rel="stylesheet" href="replaceresource/resources/media/main.css" /></head>
+      `
     );
 
     if (localeDomains) {