diff --git a/enterprise/frontend/src/metabase-enterprise/moderation/components/ModerationActions/ModerationActions.jsx b/enterprise/frontend/src/metabase-enterprise/moderation/components/ModerationActions/ModerationActions.jsx index 8b8f69a3a10721b12a9652b94f70aa6c03eff03b..ee9502b853091d5b5eceb0d26d2c76e334afea99 100644 --- a/enterprise/frontend/src/metabase-enterprise/moderation/components/ModerationActions/ModerationActions.jsx +++ b/enterprise/frontend/src/metabase-enterprise/moderation/components/ModerationActions/ModerationActions.jsx @@ -4,8 +4,7 @@ import { t } from "ttag"; import { isItemVerified } from "metabase-enterprise/moderation/service"; -import { Container, Label, VerifyButton } from "./ModerationActions.styled"; -import Tooltip from "metabase/components/Tooltip"; +import { Container, VerifyButton } from "./ModerationActions.styled"; export default ModerationActions; @@ -21,14 +20,10 @@ function ModerationActions({ moderationReview, className, onVerify }) { return hasActions ? ( <Container className={className}> - <Label>{t`Moderation`}</Label> {!isVerified && ( - <Tooltip tooltip={t`Verify this`}> - <VerifyButton - data-testid="moderation-verify-action" - onClick={onVerify} - /> - </Tooltip> + <VerifyButton data-testid="moderation-verify-action" onClick={onVerify}> + {t`Verify this question`} + </VerifyButton> )} </Container> ) : null; diff --git a/enterprise/frontend/src/metabase-enterprise/moderation/components/ModerationActions/ModerationActions.styled.jsx b/enterprise/frontend/src/metabase-enterprise/moderation/components/ModerationActions/ModerationActions.styled.jsx index 453afb9d9cd353b1cc1b9dba8d47778ff9525ee4..dd17fc80d11bf9b11b577e7b5084a40ba75e4c8a 100644 --- a/enterprise/frontend/src/metabase-enterprise/moderation/components/ModerationActions/ModerationActions.styled.jsx +++ b/enterprise/frontend/src/metabase-enterprise/moderation/components/ModerationActions/ModerationActions.styled.jsx @@ -29,10 +29,8 @@ export const VerifyButton = styled(Button).attrs({ iconSize: 20, })` border: none; - - &:hover { - color: ${color(verifiedIconColor)}; - } + color: ${color(verifiedIconColor)}; + padding: 8px; &:disabled { color: ${color("text-medium")}; diff --git a/frontend/src/metabase/query_builder/components/view/sidebars/QuestionDetailsSidebarPanel.jsx b/frontend/src/metabase/query_builder/components/view/sidebars/QuestionDetailsSidebarPanel.jsx index 992fc23826fc5f356ed35355df6b97bb335a1bee..a6c6022a67aa3e7feea46949ab899b6822ddf831 100644 --- a/frontend/src/metabase/query_builder/components/view/sidebars/QuestionDetailsSidebarPanel.jsx +++ b/frontend/src/metabase/query_builder/components/view/sidebars/QuestionDetailsSidebarPanel.jsx @@ -38,7 +38,7 @@ function QuestionDetailsSidebarPanel({ <SidebarPaddedContent> <QuestionActionButtons canWrite={canWrite} onOpenModal={onOpenModal} /> <ClampedDescription - className="pb2" + className="pl1 pb2" visibleLines={8} description={description} onEdit={onDescriptionEdit}