fix bugs from frontend feedback

Author: thelamer

ci/template.html

@@ -450,15 +450,19 @@
     }
 
     summary::after {
-      content: '\f078';
-      font-family: 'Font Awesome 5 Free';
-      font-weight: 900;
+      content: '';
+      display: inline-block;
+      width: 7px;
+      height: 7px;
+      border-right: 2px solid var(--text-muted);
+      border-bottom: 2px solid var(--text-muted);
+      transform: translateY(-2px) rotate(45deg);
       transition: transform 0.3s ease;
-      color: var(--text-muted);
+      margin-right: 4px;
     }
 
     details[open] summary::after {
-      transform: rotate(180deg);
+      transform: translateY(2px) rotate(225deg);
     }
 
     summary:hover {
@@ -694,9 +698,9 @@ <h3 class="card-title">
             <div class="card-header-right">
               <span class="platform-tag"><i class="fas fa-microchip"></i> {{ report_containers[tag]["platform"] }}</span>
               {% if report_containers[tag]["test_success"] %}
-                <span class="status-badge status-pass"><i class="fas fa-check"></i> PASS</span>
+                <span class="status-badge status-pass"><i class="fas fa-check-circle"></i> PASS</span>
               {% else %}
-                <span class="status-badge status-fail"><i class="fas fa-times"></i> FAIL</span>
+                <span class="status-badge status-fail"><i class="fas fa-times-circle"></i> FAIL</span>
               {% endif %}
             </div>
           </div>