ux: select all aligned left with checkboxes; add selected → save my selection (saves immediately)

portal/templates/app/orgs.html

@@ -425,13 +425,12 @@
 
       if (newPeople.length > 0) {
         html += '<div class="mb-3">'
-          + '<div class="flex items-center justify-between mb-2">'
-          + '<p class="text-xs font-medium" style="color:var(--ds-tx2)">New people found — select to add:</p>'
-          + '<label class="flex items-center gap-1.5 text-xs cursor-pointer" style="color:var(--ds-tx2)">'
-          + '<input type="checkbox" id="rescrapeSelectAll" class="accent-[#c9a84c]" onchange="toggleAllRescrape(this.checked)"> Select all'
-          + '</label>'
-          + '</div>'
+          + '<p class="text-xs font-medium mb-2" style="color:var(--ds-tx2)">New people found — select to add:</p>'
           + '<div class="space-y-1.5">';
+        html += '<label class="flex items-center gap-3 px-3 py-2 rounded-lg cursor-pointer mb-1" style="background:var(--ds-hv)">'
+          + '<input type="checkbox" id="rescrapeSelectAll" class="accent-[#c9a84c] shrink-0" onchange="toggleAllRescrape(this.checked)">'
+          + '<span class="text-sm font-medium" style="color:var(--ds-tx2)">Select all</span>'
+          + '</label>';
         newPeople.forEach((p, i) => {
           html += '<div class="rounded-lg overflow-hidden" style="background:var(--ds-sf);border:1px solid var(--ds-bd)">'
             // checkbox + name row
@@ -456,7 +455,7 @@
             + '</div>';
         });
         html += '</div>'
-          + '<button onclick="addRescrapeSelected()" class="mt-2 px-3 py-1.5 bg-[#c9a84c] hover:bg-[#b8973f] text-[#0a1628] font-semibold rounded-lg text-xs transition">Add selected</button>'
+          + '<button onclick="saveRescrapeSelection()" class="mt-2 px-3 py-1.5 bg-[#c9a84c] hover:bg-[#b8973f] text-[#0a1628] font-semibold rounded-lg text-xs transition">Save my selection</button>'
           + '</div>';
       }
       if (notFound.length > 0) {