From 786ba0d2abfeea1ef91f0ec657a2d46d2b56e08a Mon Sep 17 00:00:00 2001
From: Laurent Nguyen <laurent.nguyen@microsoft.com>
Date: Tue, 23 Apr 2024 11:13:46 +0200
Subject: [PATCH] Increase table width. Fix eslint issue.

---
 .../Tabs/DocumentsTabV2/DocumentsTabV2.tsx    | 30 +++++++++----------
 1 file changed, 15 insertions(+), 15 deletions(-)

diff --git a/src/Explorer/Tabs/DocumentsTabV2/DocumentsTabV2.tsx b/src/Explorer/Tabs/DocumentsTabV2/DocumentsTabV2.tsx
index 35e711f83..a24e36b3b 100644
--- a/src/Explorer/Tabs/DocumentsTabV2/DocumentsTabV2.tsx
+++ b/src/Explorer/Tabs/DocumentsTabV2/DocumentsTabV2.tsx
@@ -662,7 +662,7 @@ const DocumentsTabComponent: React.FunctionComponent<{
     setQueryAbortController(_queryAbortController);
     const filter: string = filterContent.trim();
     const query: string = buildQuery(filter);
-    // estlint-disable-next-line @typescript-eslint/no-explicit-any
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     const options: any = {};
     // TODO: Property 'enableCrossPartitionQuery' does not exist on type 'FeedOptions'.
     options.enableCrossPartitionQuery = HeadersUtility.shouldEnableCrossPartitionKey();
@@ -1426,7 +1426,7 @@ const DocumentsTabComponent: React.FunctionComponent<{
               setOnLoadStartKey(null);
             }
           },
-          // estlint-disable-next-line @typescript-eslint/no-explicit-any
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
           (error: any) => {
             if (onLoadStartKey !== null && onLoadStartKey !== undefined) {
               TelemetryProcessor.traceFailure(
@@ -1457,12 +1457,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" }}
       >
@@ -1551,9 +1551,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}
                       >
@@ -1565,9 +1565,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}
                         >
@@ -1598,7 +1598,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: "20%" }} ref={tableContainerRef}>
+            <div style={{ minWidth: 200, width: "35%" }} ref={tableContainerRef}>
               <div style={{ height: "100%", width: "calc(100% - 50px)" }}>
                 {" "}
                 {/* Fix to make table not resize beyond parent's width */}