From 8f5a2eae5c5ec4d0b340b3d3fd65435ae721ee89 Mon Sep 17 00:00:00 2001
From: Ian Wienand <iwienand@redhat.com>
Date: Fri, 22 Oct 2021 15:37:52 +1100
Subject: [PATCH] Use list-group-item for graphs

This is the bootstrap 5 way to do a list group; add each graph as a
list-group-item.

Change-Id: Ia5410e7fff927797ce84687746a6c02bce9cb8fe
---
 js/dashboard.js | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/js/dashboard.js b/js/dashboard.js
index 31a07c7..5596035 100644
--- a/js/dashboard.js
+++ b/js/dashboard.js
@@ -297,13 +297,10 @@ function createPanel(graphName, graphData, filename) {
 
   if (! settings.compact) {
     if (div.empty()) {
-      div = d3.select('#dashboard').append('div').attr('class', ' list-group-item').attr('id', id);
-      header = div.append('div').attr('class', 'panel-heading').append('h3').attr('class', 'panel-title');
-      header.append('span').text(graphName);
-      header.append('span').attr('class', 'glyphicon glyphicon-chevron-right pull-right clickable');
+      div = d3.select('#dashboard').append('li').attr('class', ' list-group-item').attr('id', id);
+      header = div.append('h3').text(graphName);
     }
-    elt = div.append('div').attr('class', 'row list-body');
-    elt.append('p').text(filename)
+    elt = div.append('p').text(filename)
     elt.append('svg').datum(reduceData(graphData));
   } else if (settings.compact) {
     if (div.empty()) {