diff --git a/less/TableStyles/queryBuilder.less b/less/TableStyles/queryBuilder.less index 50ea1f88b..bb9a33070 100644 --- a/less/TableStyles/queryBuilder.less +++ b/less/TableStyles/queryBuilder.less @@ -489,12 +489,19 @@ input::-webkit-inner-spin-button { display: inline; } -.querybuilder-addpropertyImg, +.querybuilder-addpropertyImg { + width: 18px; + height: 18px; + margin-left: 3px; + margin-bottom: 8px; + margin-top: 8px; +} .querybuilder-cancelImg { width: 14px; height: 14px; margin-left: 3px; margin-bottom: 8px; + margin-top: 8px; } .addclauseProperty-Img { diff --git a/src/Explorer/Tabs/QueryTablesTab/QueryTableEntityClause.tsx b/src/Explorer/Tabs/QueryTablesTab/QueryTableEntityClause.tsx index 60c4cdcb9..1327d2016 100644 --- a/src/Explorer/Tabs/QueryTablesTab/QueryTableEntityClause.tsx +++ b/src/Explorer/Tabs/QueryTablesTab/QueryTableEntityClause.tsx @@ -11,8 +11,8 @@ import { TooltipHost, } from "@fluentui/react"; import React, { FunctionComponent } from "react"; -// import AddIcon from "../../../../images/Add.svg"; -import CancelIcon from "../../../../images/cancel.svg"; +import AddIcon from "../../../../images/Add-property.svg"; +import CancelIcon from "../../../../images/Entity_cancel.svg"; import { userContext } from "../../../UserContext"; import { IOption } from "./QueryTableTabUtils"; const dropdownStyles: Partial = { dropdown: { width: 100 } }; @@ -67,13 +67,11 @@ export const QueryTableEntityClause: FunctionComponent { const cancelImageProps: IImageProps = { - width: 14, - height: 25, + className: "querybuilder-cancelImg", }; const addImageProps: IImageProps = { - width: 18, - height: 25, + className: "querybuilder-addpropertyImg", }; const sectionStackTokens: IStackTokens = { childrenGap: 12 }; @@ -93,7 +91,7 @@ export const QueryTableEntityClause: FunctionComponent Add new clause @@ -148,7 +143,6 @@ export const QueryTableEntityClause: FunctionComponent {isTimeStampSelected ? ( @@ -158,12 +152,10 @@ export const QueryTableEntityClause: FunctionComponent ) : (