fx-compat: Fix Locate Manager appearance

- Correct padding and don't use Mozilla preferences styles
- Fixed v-t issue that applied the wrong class names to columns, giving them
  incorrect widths

chrome/content/zotero/components/virtualized-table.jsx

@@ -1600,9 +1600,9 @@ function renderCell(index, data, column) {
 	return span;
 }
 
-function renderCheckboxCell(index, data, columnName) {
+function renderCheckboxCell(index, data, column) {
 	let span = document.createElement('span');
-	span.className = `cell checkbox ${columnName}`;
+	span.className = `cell checkbox ${column.className}`;
 	span.setAttribute('role', 'checkbox');
 	span.setAttribute('aria-checked', data);
 	if (data) {

chrome/content/zotero/locateManager.jsx

@@ -50,6 +50,7 @@ function init() {
 				showHeader={true}
 				multiSelect={true}
 				columns={columns}
+				onColumnSort={null}
 				disableFontSizeScaling={true}
 				getRowString={index => getRowData(index).name}
 				onActivate={handleActivate}

chrome/content/zotero/locateManager.xhtml

@@ -27,7 +27,6 @@
 
 <?xml-stylesheet href="chrome://global/skin/global.css"?>
 <?xml-stylesheet href="chrome://zotero-platform/content/preferences.css"?>
-<?xml-stylesheet href="chrome://browser/skin/preferences/preferences.css"?>
 <?xml-stylesheet href="chrome://zotero/skin/preferences.css"?>
 <?xml-stylesheet href="chrome://zotero-platform/content/zotero-react-client.css"?>
 
@@ -37,7 +36,7 @@
 	windowtype="zotero:pref"
 	xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
 	xmlns:html="http://www.w3.org/1999/xhtml"
-	style="display: flex;">
+	style="display: flex; padding: 15px;">
 
 	<script src="include.js"></script>
 	<script src="locateManager.js"></script>