From c56ffef98832b64833ec9214e213c0109ec82b23 Mon Sep 17 00:00:00 2001
From: Robin Scholtes <robin@theweirdscience.com>
Date: Wed, 19 Apr 2023 18:30:02 +1200
Subject: [PATCH] [#181] some minor verbosity adjustments across some
 vars/selectors

---
 src/web/App.mjs                                       |  2 +-
 src/web/HTMLCategory.mjs                              |  2 +-
 .../stylesheets/components/operations/_categories.css | 11 ++++++++---
 3 files changed, 10 insertions(+), 5 deletions(-)

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", `<p>This category displays your favourite operations.</p>
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 {
         <a class="category-title" data-toggle="collapse" data-target="#${catName}">
             ${this.name}
         </a>
-        <div id="${catName}" class="panel-collapse collapse ${(this.selected ? " show" : "")}" data-parent="#categories">
+        <div id="${catName}" class="panel-collapse collapse ${(this.selected ? "show" : "")}" data-parent="#categories">
             <ul class="op-list">`;
 
         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] {