Restyle the Verify button (#18134)

* restyle the Verify button

* remove unused components

* make the verify button blue

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;

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")};

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}