Use same style for single and multiple errors in populateCard

app/assets/javascripts/editor/editor.js.erb

@@ -471,13 +471,10 @@ var CodeOceanEditor = {
                 }
             })
 
-            // one or more errors?
-            if (errorMessagesToShow.length > 1) {
             // delete all current elements
             targetNode.text('');
             // create a new list and append each element
             const ul = document.createElement("ul");
-                ul.setAttribute('class', 'error_messages_list');
 
             // Extract detailed linter results
             if (result.file_role === 'teacher_defined_linter') {
@@ -527,10 +524,14 @@ var CodeOceanEditor = {
                   ul.append(li);
               })
             }
-                targetNode.append(ul);
+
+            // one or more errors?
+            if (errorMessagesToShow.length > 1) {
+                ul.setAttribute('class', 'error_messages_list');
             } else {
-                targetNode.html(errorMessagesToShow.join(''));
+                ul.setAttribute('class', 'single_error_message');
             }
+            targetNode.append(ul);
         }
         //card.find('.row .col-sm-9').eq(4).find('a').attr('href', '#output-' + index);
     },

app/assets/stylesheets/editor.css.scss

@@ -157,6 +157,11 @@ button i.fa-spin {
   padding-inline-start: 1.25rem;
 }
 
+.single_error_message {
+  list-style-type: none;
+  padding-inline-start: 0;
+}
+
 .enforce-top-margin {
   margin-top: 5px !important;
 }