diff --git a/src/Explorer/Tabs/QueryTab/QueryResultSection.tsx b/src/Explorer/Tabs/QueryTab/QueryResultSection.tsx index 1872a8750..fc93d98a1 100644 --- a/src/Explorer/Tabs/QueryTab/QueryResultSection.tsx +++ b/src/Explorer/Tabs/QueryTab/QueryResultSection.tsx @@ -3,13 +3,13 @@ import { DetailsListLayoutMode, IColumn, Icon, + IconButton, Link, Pivot, PivotItem, SelectionMode, Stack, Text, - IconButton, TooltipHost, } from "@fluentui/react"; import { HttpHeaders, NormalizedEventKey } from "Common/Constants"; @@ -18,15 +18,15 @@ import { QueryMetrics } from "Contracts/DataModels"; import { EditorReact } from "Explorer/Controls/Editor/EditorReact"; import { IDocument } from "Explorer/Tabs/QueryTab/QueryTabComponent"; import { userContext } from "UserContext"; +import copy from "clipboard-copy"; import { useNotificationConsole } from "hooks/useNotificationConsole"; import React from "react"; +import CopilotCopy from "../../../../images/CopilotCopy.svg"; import DownloadQueryMetrics from "../../../../images/DownloadQuery.svg"; import QueryEditorNext from "../../../../images/Query-Editor-Next.svg"; import RunQuery from "../../../../images/RunQuery.png"; import InfoColor from "../../../../images/info_color.svg"; import { QueryResults } from "../../../Contracts/ViewModels"; -import copy from "clipboard-copy"; -import CopilotCopy from "../../../../images/CopilotCopy.svg"; interface QueryResultProps { isMongoDB: boolean; @@ -62,9 +62,12 @@ export const QueryResultSection: React.FC = ({ const columns: IColumn[] = [ { key: "column1", - name: "", + name: "Description", + iconName: "Info", + isIconOnly: true, minWidth: 10, maxWidth: 12, + iconClassName: "iconheadercell", data: String, fieldName: "", onRender: (item: IDocument) => { diff --git a/src/Explorer/Tabs/QueryTab/QueryTabComponent.less b/src/Explorer/Tabs/QueryTab/QueryTabComponent.less index 13daf455c..b0ae00360 100644 --- a/src/Explorer/Tabs/QueryTab/QueryTabComponent.less +++ b/src/Explorer/Tabs/QueryTab/QueryTabComponent.less @@ -91,9 +91,6 @@ div[role="tabpanel"] { height: 100%; - div:nth-child(1) { - height: 100%; - } } .result-metadata { @@ -283,3 +280,6 @@ } } } +.iconheadercell { + font-size: 12px; +}