From 8eb53674dccbb71678b1e658aabd8bd106a4ebb6 Mon Sep 17 00:00:00 2001
From: JustinKol <144163838+JustinKol@users.noreply.github.com>
Date: Thu, 27 Mar 2025 13:44:22 -0400
Subject: [PATCH] Add refresh button to Mongo DB RU and adjust ellipsis so
 refresh button on single column container doesn't hide it (#2089)

* Moved ellipsis to the left for single column containers

* Added refresh to MongoDB RU

* prettier run
---
 .../Tabs/DocumentsTabV2/DocumentsTabV2.tsx    | 25 +++++++++----------
 .../DocumentsTableComponent.tsx               |  2 +-
 2 files changed, 13 insertions(+), 14 deletions(-)

diff --git a/src/Explorer/Tabs/DocumentsTabV2/DocumentsTabV2.tsx b/src/Explorer/Tabs/DocumentsTabV2/DocumentsTabV2.tsx
index efd0bb996..ad1aae67b 100644
--- a/src/Explorer/Tabs/DocumentsTabV2/DocumentsTabV2.tsx
+++ b/src/Explorer/Tabs/DocumentsTabV2/DocumentsTabV2.tsx
@@ -2158,19 +2158,18 @@ export const DocumentsTabComponent: React.FunctionComponent<IDocumentsTabCompone
                     isColumnSelectionDisabled={isPreferredApiMongoDB}
                   />
                 </div>
-                {!isPreferredApiMongoDB &&
-                  tableContainerSizePx?.width >= calculateOffset(selectedColumnIds.length) + 200 && (
-                    <div
-                      title="Refresh"
-                      className={styles.refreshBtn}
-                      role="button"
-                      onClick={() => refreshDocumentsGrid(false)}
-                      aria-label="Refresh"
-                      tabIndex={0}
-                    >
-                      <img src={RefreshIcon} alt="Refresh" />
-                    </div>
-                  )}
+                {tableContainerSizePx?.width >= calculateOffset(selectedColumnIds.length) + 200 && (
+                  <div
+                    title="Refresh"
+                    className={styles.refreshBtn}
+                    role="button"
+                    onClick={() => refreshDocumentsGrid(false)}
+                    aria-label="Refresh"
+                    tabIndex={0}
+                  >
+                    <img src={RefreshIcon} alt="Refresh" />
+                  </div>
+                )}
               </div>
               {tableItems.length > 0 && (
                 <a
diff --git a/src/Explorer/Tabs/DocumentsTabV2/DocumentsTableComponent.tsx b/src/Explorer/Tabs/DocumentsTabV2/DocumentsTableComponent.tsx
index b804ae60d..9d387e69c 100644
--- a/src/Explorer/Tabs/DocumentsTabV2/DocumentsTableComponent.tsx
+++ b/src/Explorer/Tabs/DocumentsTabV2/DocumentsTableComponent.tsx
@@ -233,7 +233,7 @@ export const DocumentsTableComponent: React.FC<IDocumentsTableComponentProps> =
                     aria-label="Select column"
                     size="small"
                     icon={<MoreHorizontalRegular />}
-                    style={{ position: "absolute", right: 0, backgroundColor: tokens.colorNeutralBackground1 }}
+                    style={{ position: "absolute", right: 10, backgroundColor: tokens.colorNeutralBackground1 }}
                   />
                 </MenuTrigger>
                 <MenuPopover>