Change where "COMPILING" is displayed for stress tester

Author: celonymire

CHANGELOG.md

@@ -3,6 +3,7 @@
 ### Changed
 
 - File template no longer shows the base directory for its prefix
+- Display "COMPILING" before testcase icon for stress tester to align with judge
 
 ### Fixed
 

src/webview/stress/StateToolbar.svelte

@@ -71,6 +71,12 @@
         </div>
         <p class="state-badge-text state-badge-text-id">{id}</p>
       </div>
+      <div class="state-badge state-status" data-status={status}>
+        <div class="state-toolbar-icon state-toolbar-icon-exclude-highlight">
+          <div class="codicon codicon-loading codicon-modifier-spin"></div>
+        </div>
+        <p class="state-badge-text">COMPILING</p>
+      </div>
       <div class="state-badge state-status" data-status={interactiveMode ? "CE" : "NA"}>
         <button
           class="state-toolbar-icon state-toolbar-icon-exclude-highlight"
@@ -81,12 +87,6 @@
           <div class="codicon codicon-bolded {statusIcon}"></div>
         </button>
       </div>
-      <div class="state-badge state-status" data-status={status}>
-        <div class="state-toolbar-icon state-toolbar-icon-exclude-highlight">
-          <div class="codicon codicon-loading codicon-modifier-spin"></div>
-        </div>
-        <p class="state-badge-text">COMPILING</p>
-      </div>
     </div>
   </div>
 {:else if status === "RUNNING"}