Fleet UI: Update to consistent button styling (#20247)

frontend/pages/SoftwarePage/SoftwarePage.tsx

@@ -330,9 +330,9 @@ const SoftwarePage = ({ children, router, location }: ISoftwarePageProps) => {
           <Button
             onClick={toggleManageAutomationsModal}
             className={`${baseClass}__manage-automations`}
-            variant="text-link"
+            variant="inverse"
           >
-            <span>Manage automations</span>
+            Manage automations
           </Button>
         )}
         {canAddSoftware && (

frontend/pages/SoftwarePage/_styles.scss

@@ -28,7 +28,7 @@
   &__action-buttons {
     display: flex;
     align-items: center;
-    gap: $pad-medium;
+    gap: $pad-small;
   }
 
   &__text {

frontend/pages/admin/OrgSettingsPage/_styles.scss

@@ -71,10 +71,6 @@
             }
           }
         }
-        .button--inverse {
-          // compensate for button's padding
-          margin-left: -$pad-small;
-        }
       }
 
       &__section-description {

frontend/pages/admin/OrgSettingsPage/cards/GlobalHostStatusWebhook/GlobalHostStatusWebhook.tsx

@@ -153,20 +153,18 @@ const GlobalHostStatusWebhook = ({
           >
             Enable host status webhook
           </Checkbox>
-          <div>
-            <p className={`${baseClass}__section-description`}>
-              A request will be sent to your configured <b>Destination URL</b>{" "}
-              if the configured <b>Percentage of hosts</b> have not checked into
-              Fleet for the configured <b>Number of days</b>.
-            </p>
-            <Button
-              type="button"
-              variant="inverse"
-              onClick={toggleHostStatusWebhookPreviewModal}
-            >
-              Preview request
-            </Button>
-          </div>
+          <p className={`${baseClass}__section-description`}>
+            A request will be sent to your configured <b>Destination URL</b> if
+            the configured <b>Percentage of hosts</b> have not checked into
+            Fleet for the configured <b>Number of days</b>.
+          </p>
+          <Button
+            type="button"
+            variant="text-link"
+            onClick={toggleHostStatusWebhookPreviewModal}
+          >
+            Preview request
+          </Button>
           {enableHostStatusWebhook && (
             <>
               <InputField

frontend/pages/admin/TeamManagementPage/TeamDetailsWrapper/TeamSettings/TeamSettings.tsx

@@ -301,7 +301,7 @@ const TeamSettings = ({ location, router }: ITeamSubnavProps) => {
         </Checkbox>
         <Button
           type="button"
-          variant="inverse"
+          variant="text-link"
           onClick={toggleHostStatusWebhookPreviewModal}
         >
           Preview request

frontend/pages/admin/TeamManagementPage/TeamDetailsWrapper/TeamSettings/_styles.scss

@@ -6,8 +6,4 @@
       margin-top: $pad-medium;
     }
   }
-  .button--inverse {
-    // compensate for button's padding
-    margin: -$pad-small;
-  }
 }

frontend/pages/queries/ManageQueriesPage/components/ManageQueryAutomationsModal/ManageQueryAutomationsModal.tsx

@@ -179,7 +179,7 @@ const ManageQueryAutomationsModal = ({
         </InfoBanner>
         <Button
           type="button"
-          variant="inverse"
+          variant="text-link"
           onClick={togglePreviewDataModal}
           className={`${baseClass}__preview-data`}
         >