Update bootstrap 5 stylings

Author: adangel

resources/_includes/diff_pill_row.html

@@ -1,6 +1,6 @@
 
-<span class="pill badge-pill badge-secondary added">+{{h.new}}</span>
-<span class="pill badge-pill badge-secondary removed">-{{h.removed}}</span>
+<span class="badge rounded-pill badge-secondary added">+{{h.new}}</span>
+<span class="badge rounded-pill badge-secondary removed">-{{h.removed}}</span>
 {% if h.changed %}
-<span class="pill badge-pill badge-secondary changed">~{{h.changed}}</span>
+<span class="badge rounded-pill badge-secondary changed">~{{h.changed}}</span>
 {% endif %}

resources/css/pmd-tester.css

@@ -83,15 +83,18 @@ div.section-content {
 
 /* Rule summary table */
 
-tr.added, #rule-summary td.added {
+table.dataTable > tbody > tr.added,
+#rule-summary td.added {
   background-color: #af8;
 }
 
-tr.removed, #rule-summary td.removed {
+table.dataTable > tbody > tr.removed,
+#rule-summary td.removed {
   background-color: #fca;
 }
 
-tr.changed, #rule-summary td.changed {
+table.dataTable > tbody > tr.changed,
+#rule-summary td.changed {
   background-color: #fef7bc;
 }
 
@@ -125,15 +128,15 @@ div.collapsed-content-padder {
   border-radius: 50px
 }
 
-.pill.badge-pill.badge-secondary.removed {
+.badge.rounded-pill.badge-secondary.removed {
   background-color: indianred;
 }
 
-.pill.badge-pill.badge-secondary.added {
+.badge.rounded-pill.badge-secondary.added {
   background-color: mediumseagreen;
 }
 
-.pill.badge-pill.badge-secondary.changed {
+.badge.rounded-pill.badge-secondary.changed {
   background-color: #f6af60;
 }