Merge pull request #172 from jenkinsci/error-messages

Fix icon and style of errors card

Author: uhafner

src/main/resources/io/jenkins/plugins/bootstrap5/MessagesViewModel/index.jelly

@@ -1,5 +1,5 @@
 <?jelly escape-by-default='true'?>
-<j:jelly xmlns:j="jelly:core" xmlns:st="jelly:stapler" xmlns:bs="/bootstrap5" xmlns:fa="/font-awesome">
+<j:jelly xmlns:j="jelly:core" xmlns:st="jelly:stapler" xmlns:bs="/bootstrap5">
 
   <st:header name="Content-Type" value="text/html;charset=UTF-8"/>
 
@@ -9,23 +9,17 @@
       <div class="row py-3">
         <div class="col">
 
-          <div class="card">
-            <div class="card-body">
-              <div class="card-title">
-                ${%Error Messages}
-                <fa:svg-icon name="triangle-exclamation" class="icon-right fa-image-button-warning"/>
-              </div>
-              <pre>
-                <samp id="errors" class="log-output">
-                  <j:forEach var="message" items="${it.errorMessages}">
-                    <div>
-                      ${message}
-                    </div>
-                  </j:forEach>
-                </samp>
-              </pre>
-            </div>
-          </div>
+          <bs:card title="${%Error Messages}" fontAwesomeIcon="triangle-exclamation">
+            <pre>
+              <samp id="errors" class="log-output">
+                <j:forEach var="message" items="${it.errorMessages}">
+                  <div>
+                    ${message}
+                  </div>
+                </j:forEach>
+              </samp>
+            </pre>
+          </bs:card>
         </div>
       </div>
     </j:if>