diff --git a/‎_layouts/regrtests_results.html‎
Lines changed: 3 additions & 2 deletions b/‎_layouts/regrtests_results.html‎
Lines changed: 3 additions & 2 deletions
diff --git a/‎assets/style.css‎
Lines changed: 8 additions & 5 deletions b/‎assets/style.css‎
Lines changed: 8 additions & 5 deletions
@@ -20,6 +20,7 @@
     <div data-filter="all" class="filter active pr-2"> All </div>
     <div data-filter="passed" class="filter pr-2"> Passed </div>
     <div data-filter="skipped" class="filter pr-2"> Skipped </div>
+    <div data-filter="expected_failure" class="filter pr-2"> Expected Failures </div>
     <div data-filter="" class="filter"> Empty </div>
   </div>
 </div>
@@ -98,9 +99,9 @@ <h2 class="font-secondary">Summary:</span>
                 {% endif %}
 
                 {% if case.result %}
-                <div class="cell  {{case.result }} results-case-list-item  text-mobile-right">
+                <div class="cell {{ case.result }} results-case-list-item text-mobile-right">
                   <span class="text-small text-muted d-mobile-none">RESULT: </span>
-                  <span class="case-result">{{case.result }}</span>
+                  <span class="case-result">{{ case.result | replace: "_", " " }}</span>
                   {%- if case.result == "skipped" -%}
                     {%- assign note = case.note | default: result.note-%}
                     {%- assign lownote = note | downcase -%}
 
@@ -315,17 +315,20 @@ ul.list-inline {
     padding: 5px;
 }
 
-.passed > .case-result::after {
-    content: " 🚀 👌";
+.case-result::after {
     padding: 5px;
 }
 
+.passed > .case-result::after {
+    content: "🚀 👌";
+}
+
 .skipped > .case-result::after {
-    content: "  🤷‍♀️";
+    content: "🤷‍♀️";
 }
 
-.case-result::after {
-    margin-right: 5px;
+.expected_failure > .case-result::after {
+    content: "😔";
 }
 
 /* filters */
Original file line number	Diff line number	Diff line change
@@ -315,17 +315,20 @@ ul.list-inline {
315	315	padding: 5px;
316	316	}
317	317
318		- .passed > .case-result::after {
319		- content: " 🚀 👌";
	318	+ .case-result::after {
320	319	padding: 5px;
321	320	}
322	321
	322	+ .passed > .case-result::after {
	323	+ content: "🚀 👌";
	324	+ }
	325	+
323	326	.skipped > .case-result::after {
324		- content: " 🤷‍♀️";
	327	+ content: "🤷‍♀️";
325	328	}
326	329
327		- .case-result::after {
328		- margin-right: 5px;
	330	+ .expected_failure > .case-result::after {
	331	+ content: "😔";
329	332	}
330	333
331	334	/* filters */