From 60cdd252ef2c1bc760ad05fbbe233dd8bd549b3a Mon Sep 17 00:00:00 2001
From: Alf Eaton <alf.eaton@overleaf.com>
Date: Tue, 13 May 2025 13:34:56 +0100
Subject: [PATCH] Add span between synctex button and tooltip (#25475)

GitOrigin-RevId: d1e7c71597566f916a9432d9114def791cf25fa8
---
 .../components/pdf-synctex-controls.tsx       | 48 ++++++++++---------
 1 file changed, 26 insertions(+), 22 deletions(-)

diff --git a/services/web/frontend/js/features/pdf-preview/components/pdf-synctex-controls.tsx b/services/web/frontend/js/features/pdf-preview/components/pdf-synctex-controls.tsx
index 2695616fb4..e20b08617f 100644
--- a/services/web/frontend/js/features/pdf-preview/components/pdf-synctex-controls.tsx
+++ b/services/web/frontend/js/features/pdf-preview/components/pdf-synctex-controls.tsx
@@ -57,17 +57,19 @@ const GoToCodeButton = memo(function GoToCodeButton({
       description={t('go_to_pdf_location_in_code')}
       overlayProps={overlayProps}
     >
-      <OLButton
-        variant="secondary"
-        size="sm"
-        onClick={syncToCodeWithButton}
-        disabled={syncToCodeInFlight}
-        className={buttonClasses}
-        aria-label={t('go_to_pdf_location_in_code')}
-      >
-        {buttonIcon}
-        {isDetachLayout ? <span>&nbsp;{t('show_in_code')}</span> : ''}
-      </OLButton>
+      <span>
+        <OLButton
+          variant="secondary"
+          size="sm"
+          onClick={syncToCodeWithButton}
+          disabled={syncToCodeInFlight}
+          className={buttonClasses}
+          aria-label={t('go_to_pdf_location_in_code')}
+        >
+          {buttonIcon}
+          {isDetachLayout ? <span>&nbsp;{t('show_in_code')}</span> : ''}
+        </OLButton>
+      </span>
     </OLTooltip>
   )
 })
@@ -106,17 +108,19 @@ const GoToPdfButton = memo(function GoToPdfButton({
       description={t('go_to_code_location_in_pdf')}
       overlayProps={{ placement: tooltipPlacement }}
     >
-      <OLButton
-        variant="secondary"
-        size="sm"
-        onClick={syncToPdf}
-        disabled={syncToPdfInFlight || !canSyncToPdf}
-        className={buttonClasses}
-        aria-label={t('go_to_code_location_in_pdf')}
-      >
-        {buttonIcon}
-        {isDetachLayout ? <span>&nbsp;{t('show_in_pdf')}</span> : ''}
-      </OLButton>
+      <span>
+        <OLButton
+          variant="secondary"
+          size="sm"
+          onClick={syncToPdf}
+          disabled={syncToPdfInFlight || !canSyncToPdf}
+          className={buttonClasses}
+          aria-label={t('go_to_code_location_in_pdf')}
+        >
+          {buttonIcon}
+          {isDetachLayout ? <span>&nbsp;{t('show_in_pdf')}</span> : ''}
+        </OLButton>
+      </span>
     </OLTooltip>
   )
 })