From d300dd497bc5ddb0558f65a0dc2f1f6d9aad5f7b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adomas=20Ven=C4=8Dkauskas?= <adomas.ven@gmail.com>
Date: Wed, 24 Sep 2025 11:34:46 +0300
Subject: [PATCH] Citation dialog: Fix tab order

---
 .../zotero/integration/citationExplorer.xhtml | 30 ++++++++++---------
 scss/components/_citationExplorer.scss        |  1 +
 2 files changed, 17 insertions(+), 14 deletions(-)

diff --git a/chrome/content/zotero/integration/citationExplorer.xhtml b/chrome/content/zotero/integration/citationExplorer.xhtml
index 19c51850b7..121534ba9b 100644
--- a/chrome/content/zotero/integration/citationExplorer.xhtml
+++ b/chrome/content/zotero/integration/citationExplorer.xhtml
@@ -54,8 +54,24 @@
 	</script>
 	<div class="citation-explorer-grid">
 	
+		<!-- Left Column -->
 		<div class="citation-explorer-grid-left grid-padded-section" id="citations-label">Citations</div>
 
+		<div class="searchbox-container citation-explorer-grid-left grid-padded-section">
+			<xul:search-textbox id="citation-search" placeholder="Citation Content" class="search-box" timeout="250" oncommand="ZoteroDocumentCitations.onCitationFilter()" dir="reverse"/>
+		</div>
+	
+		<div class="virtualized-table-container citation-explorer-grid-left">
+			<div id="citation-list-container"></div>
+		</div>
+
+		<div class="button-container citation-explorer-grid-left grid-padded-section">
+			<input type="button" id="button-show-in-document" value="Show in Document"/>
+			<div class="spacer"></div>
+			<input type="button" id="button-edit-citation" value="Edit Citation"/>
+		</div>
+
+		<!-- Right Column -->
 		<div class="tabbox-container grid-padded-section">
 			<xul:tabbox onselect="ZoteroDocumentCitations.onSelectTab(this.selectedIndex)">
 				<xul:tabs>
@@ -67,28 +83,14 @@
 			</xul:tabbox>
 		</div>
 
-		<div class="searchbox-container citation-explorer-grid-left grid-padded-section">
-			<xul:search-textbox id="citation-search" placeholder="Citation Content" class="search-box" timeout="250" oncommand="ZoteroDocumentCitations.onCitationFilter()" dir="reverse"/>
-		</div>
-
 		<div class="searchbox-container grid-padded-section">
 			<xul:search-textbox id="item-search" placeholder="Title, Creator, Year" class="search-box" timeout="250" oncommand="ZoteroDocumentCitations.onItemFilter()" dir="reverse"/>
 		</div>
 		
-		<div class="virtualized-table-container citation-explorer-grid-left">
-			<div id="citation-list-container"></div>
-		</div>
-		
 		<div class="virtualized-table-container">
 			<div id="item-list-container"></div>
 		</div>
 
-		<div class="button-container citation-explorer-grid-left grid-padded-section">
-			<input type="button" id="button-show-in-document" value="Show in Document"/>
-			<div class="spacer"></div>
-			<input type="button" id="button-edit-citation" value="Edit Citation"/>
-		</div>
-		
 		<div class="button-container grid-padded-section">
 			<input type="button" id="button-show-in-zotero" value="Show in Zotero"/>
 			<div class="spacer"></div>
diff --git a/scss/components/_citationExplorer.scss b/scss/components/_citationExplorer.scss
index a196f24298..6ef45ea165 100644
--- a/scss/components/_citationExplorer.scss
+++ b/scss/components/_citationExplorer.scss
@@ -15,6 +15,7 @@
 		display: grid;
 		grid-template-columns: 4fr 6fr;
 		grid-template-rows: auto auto minmax(0, 1fr) auto;
+		grid-auto-flow: column;
 		height: 100%;
 		margin: -8px;