From 8ad15c3e53f510616c86ef0510bc3ac0c1e4e2a6 Mon Sep 17 00:00:00 2001
From: Gold856 <117957790+Gold856@users.noreply.github.com>
Date: Fri, 7 Nov 2025 01:02:08 -0500
Subject: [PATCH] Minor CSS fix ups

---
 vscode-wpilib/resources/media/icons.css       |  8 +++++++
 vscode-wpilib/resources/media/main.css        | 23 ++++--------------
 .../resources/webviews/projectcreator.html    | 24 +++++++------------
 vscode-wpilib/src/webviews/webviewbase.ts     |  5 +++-
 4 files changed, 24 insertions(+), 36 deletions(-)

diff --git a/vscode-wpilib/resources/media/icons.css b/vscode-wpilib/resources/media/icons.css
index ca226994..1049e9f4 100644
--- a/vscode-wpilib/resources/media/icons.css
+++ b/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';
+}
diff --git a/vscode-wpilib/resources/media/main.css b/vscode-wpilib/resources/media/main.css
index e84d5ea6..8331475a 100644
--- a/vscode-wpilib/resources/media/main.css
+++ b/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);
 }
diff --git a/vscode-wpilib/resources/webviews/projectcreator.html b/vscode-wpilib/resources/webviews/projectcreator.html
index 2fc02f7a..cf72bae6 100644
--- a/vscode-wpilib/resources/webviews/projectcreator.html
+++ b/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,8 +60,9 @@ <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>
@@ -79,8 +70,9 @@ <h2>Step 2: Select Language & Base</h2>
 
         <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>
diff --git a/vscode-wpilib/src/webviews/webviewbase.ts b/vscode-wpilib/src/webviews/webviewbase.ts
index 202f25c7..7fcf4567 100644
--- a/vscode-wpilib/src/webviews/webviewbase.ts
+++ b/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) {