From 11f4b4d9596c3d211db3238e7e22c4482fdcad88 Mon Sep 17 00:00:00 2001
From: Laurent Nguyen <laurent.nguyen@microsoft.com>
Date: Tue, 23 Apr 2024 13:44:12 +0200
Subject: [PATCH] Fix columns min width

---
 .../Tabs/DocumentsTabV2/DocumentsTabV2.tsx    | 26 +++++++++----------
 .../DocumentsTableComponent.tsx               |  2 +-
 2 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/src/Explorer/Tabs/DocumentsTabV2/DocumentsTabV2.tsx b/src/Explorer/Tabs/DocumentsTabV2/DocumentsTabV2.tsx
index 3fd7cd4a6..3180df3d6 100644
--- a/src/Explorer/Tabs/DocumentsTabV2/DocumentsTabV2.tsx
+++ b/src/Explorer/Tabs/DocumentsTabV2/DocumentsTabV2.tsx
@@ -1459,12 +1459,12 @@ const DocumentsTabComponent: React.FunctionComponent<{
       <div
         className="tab-pane active"
         /* data-bind="
-                      setTemplateReady: true,
-                      attr:{
-                          id: tabId
-                      },
-                      visible: isActive"
-                      */
+                        setTemplateReady: true,
+                        attr:{
+                            id: tabId
+                        },
+                        visible: isActive"
+                        */
         role="tabpanel"
         style={{ display: "flex" }}
       >
@@ -1553,9 +1553,9 @@ const DocumentsTabComponent: React.FunctionComponent<{
                         onClick={() => refreshDocumentsGrid(true)}
                         disabled={!applyFilterButton.enabled}
                         /* data-bind="
-                                                  click: refreshDocumentsGrid.bind($data, true),
-                                                  enable: applyFilterButton.enabled"
-                                        */
+                                                    click: refreshDocumentsGrid.bind($data, true),
+                                                    enable: applyFilterButton.enabled"
+                                          */
                         aria-label="Apply filter"
                         tabIndex={0}
                       >
@@ -1567,9 +1567,9 @@ const DocumentsTabComponent: React.FunctionComponent<{
                         <button
                           className="filterbtnstyle queryButton"
                           /* data-bind="
-                                                    visible: !isPreferredApiMongoDB && isExecuting,
-                                                    click: onAbortQueryClick"
-                                          */
+                                                      visible: !isPreferredApiMongoDB && isExecuting,
+                                                      click: onAbortQueryClick"
+                                            */
                           aria-label="Cancel Query"
                           tabIndex={0}
                         >
@@ -1600,7 +1600,7 @@ const DocumentsTabComponent: React.FunctionComponent<{
         {/* <Split> doesn't like to be a flex child */}
         <div style={{ overflow: "hidden", height: "100%" }}>
           <Split>
-            <div style={{ minWidth: 200, width: "35%", overflow: "hidden" }} ref={tableContainerRef}>
+            <div style={{ minWidth: 120, width: "35%", overflow: "hidden" }} ref={tableContainerRef}>
               <Button
                 appearance="transparent"
                 aria-label="Refresh"
diff --git a/src/Explorer/Tabs/DocumentsTabV2/DocumentsTableComponent.tsx b/src/Explorer/Tabs/DocumentsTabV2/DocumentsTableComponent.tsx
index 75baca717..3234882a1 100644
--- a/src/Explorer/Tabs/DocumentsTabV2/DocumentsTableComponent.tsx
+++ b/src/Explorer/Tabs/DocumentsTabV2/DocumentsTableComponent.tsx
@@ -67,7 +67,7 @@ export const DocumentsTableComponent: React.FC<IDocumentsTableComponentProps> =
   const initialSizingOptions: TableColumnSizingOptions = {
     id: {
       idealWidth: 280,
-      // minWidth: 273,
+      minWidth: 50,
     },
   };
   columnHeaders.partitionKeyHeaders.forEach((pkHeader) => {