diff --git a/ui/src/components/UI/Queryable.tsx b/ui/src/components/UI/Queryable.tsx index 237408dcd..9ccc33ce7 100644 --- a/ui/src/components/UI/Queryable.tsx +++ b/ui/src/components/UI/Queryable.tsx @@ -13,7 +13,7 @@ interface Props { flipped?: boolean, } -const Queryable: React.FC = ({query, updateQuery, style, className, useTooltip= false, displayIconOnMouseOver = false, flipped = false, children}) => { +const Queryable: React.FC = ({query, updateQuery, style, className, useTooltip= true, displayIconOnMouseOver = false, flipped = false, children}) => { const [showAddedNotification, setAdded] = useState(false); const [showTooltip, setShowTooltip] = useState(false); @@ -53,7 +53,7 @@ const Queryable: React.FC = ({query, updateQuery, style, className, useTo {flipped && addButton} {children} {!flipped && addButton} - {useTooltip && showTooltip && } + {useTooltip && showTooltip && {query}} ); }; diff --git a/ui/src/components/UI/Summary.tsx b/ui/src/components/UI/Summary.tsx index e56421738..4a28640b9 100644 --- a/ui/src/components/UI/Summary.tsx +++ b/ui/src/components/UI/Summary.tsx @@ -11,14 +11,12 @@ interface SummaryProps { export const Summary: React.FC = ({method, summary, updateQuery}) => { - const methodChild = + const methodChild = {method} const summaryChild =
{summary}
diff --git a/ui/src/components/UI/style/Queryable.sass b/ui/src/components/UI/style/Queryable.sass index 603adc56b..0930148fb 100644 --- a/ui/src/components/UI/style/Queryable.sass +++ b/ui/src/components/UI/style/Queryable.sass @@ -34,4 +34,5 @@ transform: translate(0, -80%) color: white z-index: 1000 + font-size: 11px