From 14141e4259fc6815900afd773e540db1c2c18d68 Mon Sep 17 00:00:00 2001
From: Vladimir Mandic <mandic00@live.com>
Date: Thu, 30 Nov 2023 11:55:15 -0500
Subject: [PATCH] fix extra networks sort

---
 javascript/extraNetworks.js | 4 ++--
 javascript/sdnext.css       | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/javascript/extraNetworks.js b/javascript/extraNetworks.js
index 9261ffb7d..216673ede 100644
--- a/javascript/extraNetworks.js
+++ b/javascript/extraNetworks.js
@@ -166,8 +166,8 @@ function sortExtraNetworks() {
     if (num === 0) return 'sort: no cards';
     cards.sort((a, b) => { // eslint-disable-line no-loop-func
       switch (sortVal) {
-        case 0: return a.dataset.name ? a.dataset.search.localeCompare(b.dataset.name) : 0;
-        case 1: return b.dataset.name ? b.dataset.search.localeCompare(a.dataset.name) : 0;
+        case 0: return a.dataset.search ? a.dataset.search.localeCompare(b.dataset.search) : 0;
+        case 1: return b.dataset.search ? b.dataset.search.localeCompare(a.dataset.search) : 0;
         case 2: return a.dataset.mtime && !isNaN(a.dataset.mtime) ? parseFloat(b.dataset.mtime) - parseFloat(a.dataset.mtime) : 0;
         case 3: return b.dataset.mtime && !isNaN(b.dataset.mtime) ? parseFloat(a.dataset.mtime) - parseFloat(b.dataset.mtime) : 0;
         case 4: return a.dataset.size && !isNaN(a.dataset.size) ? parseFloat(b.dataset.size) - parseFloat(a.dataset.size) : 0;
diff --git a/javascript/sdnext.css b/javascript/sdnext.css
index d10878a62..1d7154569 100644
--- a/javascript/sdnext.css
+++ b/javascript/sdnext.css
@@ -184,7 +184,7 @@ table.settings-value-table td { padding: 0.4em; border: 1px solid #ccc; max-widt
 .extra-networks .description { flex: 3; }
 .extra-networks .tab-nav > button { margin-right: 0; height: 24px; padding: 2px 4px 2px 4px; }
 .extra-networks .buttons { position: absolute; right: 0; margin: -4px; background: var(--background-color); }
-.extra-networks .buttons > button { margin-left: -0.4em; height: 1.4em; color: var(--primary-300) !important; }
+.extra-networks .buttons > button { margin-left: -0.2em; height: 1.4em; color: var(--primary-300) !important; }
 .extra-networks .custom-button { width: 120px; width: 100%; background: none; justify-content: left; text-align: left; padding: 3px 3px 3px 12px; text-indent: -6px; box-shadow: none; line-break: auto; }
 .extra-networks .custom-button:hover { background: var(--button-primary-background-fill) }
 .extra-networks-tab { padding: 0 !important; }