console: fixed missaligned tooltips on permissions page

PR-URL: https://github.com/hasura/graphql-engine-mono/pull/5793
GitOrigin-RevId: 4d3ca362adff41a96c0c2596972e3d6a9c012703
This commit is contained in:
Erik Magnusson 2022-09-08 12:34:44 +02:00 committed by hasura-bot
parent e4f8c3215b
commit 0af8514198

View File

@ -268,7 +268,7 @@ class Permissions extends Component {
const addTooltip = (text, tooltip) => {
return (
<span>
<span className="flex">
<span className={styles.add_mar_right_small}>{text}</span>
{tooltip}
</span>
@ -613,7 +613,7 @@ class Permissions extends Component {
}
return (
<div>
<div className="flex">
{addTooltip(title, toolTip)} {knowMoreHtml} {sectionStatusHtml}
</div>
);
@ -802,7 +802,7 @@ class Permissions extends Component {
permissionsState.custom_checked[filterType] || isUniqueFilter;
const customChecklabel = (
<span data-test="custom-check">
<span data-test="custom-check" className="flex">
<span>With custom check:</span>
<IconTooltip message="Create custom check using permissions builder" />
</span>