diff --git a/src/web/App.mjs b/src/web/App.mjs
index f915b370..d1d532a1 100755
--- a/src/web/App.mjs
+++ b/src/web/App.mjs
@@ -280,7 +280,7 @@ class App {
}
// Add edit button to first category (Favourites)
- const favCat = document.querySelector("#categories a");
+ const favCat = document.querySelector("#categories a[data-target='#catFavourites']");
favCat.appendChild(document.getElementById("edit-favourites"));
favCat.setAttribute("data-help-title", "Favourite operations");
favCat.setAttribute("data-help", `
This category displays your favourite operations.
diff --git a/src/web/HTMLCategory.mjs b/src/web/HTMLCategory.mjs
index 0414fd71..cbadee59 100755
--- a/src/web/HTMLCategory.mjs
+++ b/src/web/HTMLCategory.mjs
@@ -43,7 +43,7 @@ class HTMLCategory {
${this.name}
-
+
`;
for (let i = 0; i < this.opList.length; i++) {
diff --git a/src/web/stylesheets/components/operations/_categories.css b/src/web/stylesheets/components/operations/_categories.css
index fd2ec753..e59baf46 100644
--- a/src/web/stylesheets/components/operations/_categories.css
+++ b/src/web/stylesheets/components/operations/_categories.css
@@ -1,13 +1,18 @@
.category-title {
- display: block;
+ display: flex;
+ justify-content: space-between;
padding: 10px;
background-color: var(--secondary-background-colour);
border-bottom: 1px solid var(--secondary-border-colour);
font-weight: var(--title-weight);
}
-.category-title[href='#catFavourites'] {
- border-bottom-color: var(--primary-border-colour);
+.category-title[data-target="#catFavourites"] {
+ height: 41px;
+}
+
+#edit-favourites {
+ transform: translateY(-7px);
}
.category-title[aria-expanded=true] {