From 2c5dbc7c5f30643d3d7ab9c4dce8565547ff1985 Mon Sep 17 00:00:00 2001
From: realaravinth <realaravinth@batsense.net>
Date: Sun, 30 May 2021 12:18:27 +0530
Subject: [PATCH] fixed rm lvl's update legend bug

---
 templates/components/details-footer/main.scss            | 1 +
 templates/panel/header/taskbar/main.scss                 | 2 ++
 templates/panel/navbar/main.scss                         | 1 +
 .../sitekey/add/ts/removeLevelButton/updateDom/index.ts  | 9 +++++----
 4 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/templates/components/details-footer/main.scss b/templates/components/details-footer/main.scss
index 41fd6d3e..b9a1d7ef 100644
--- a/templates/components/details-footer/main.scss
+++ b/templates/components/details-footer/main.scss
@@ -44,6 +44,7 @@ $footer-font-size: 14px;
 
 .details__item {
   margin: auto 10px;
+  list-style: none;
 }
 
 .details__link {
diff --git a/templates/panel/header/taskbar/main.scss b/templates/panel/header/taskbar/main.scss
index 4dfc9685..e2c7aaa8 100644
--- a/templates/panel/header/taskbar/main.scss
+++ b/templates/panel/header/taskbar/main.scss
@@ -28,12 +28,14 @@
 
 .taskbar__action {
   display: inline-block;
+  list-style: none;
   padding: 10px 0px;
   margin: auto;
 }
 
 .taskbar__spacer {
   min-width: 250px;
+  list-style: none;
   flex: 6;
 }
 
diff --git a/templates/panel/navbar/main.scss b/templates/panel/navbar/main.scss
index 4aadec41..c036d170 100644
--- a/templates/panel/navbar/main.scss
+++ b/templates/panel/navbar/main.scss
@@ -62,6 +62,7 @@
 
 .secondary-menu__item {
   margin: auto;
+  list-style: none;
   padding: 20px 25px;
   display: flex;
 }
diff --git a/templates/panel/sitekey/add/ts/removeLevelButton/updateDom/index.ts b/templates/panel/sitekey/add/ts/removeLevelButton/updateDom/index.ts
index 9d75629d..423a3e2d 100644
--- a/templates/panel/sitekey/add/ts/removeLevelButton/updateDom/index.ts
+++ b/templates/panel/sitekey/add/ts/removeLevelButton/updateDom/index.ts
@@ -53,11 +53,12 @@ const updateLevelNumbersOnDOM = (id: number) => {
     }
 
     // rename legend
+    const legend = levelGroup.getElementsByTagName('legend')[0];
     const legendText = document.createTextNode(`Level ${newLevel}`);
-    levelGroup.getElementsByTagName(
-      'legend',
-    )[0].appendChild(legendText);
-
+    const newLegend = document.createElement('legend');
+    newLegend.className = legend.className;
+    newLegend.appendChild(legendText);
+    legend.replaceWith(newLegend);
 
     // rename labels
     updateLabels(levelGroup, newLevel);