diff --git a/frontend/components/ActionsDropdown/ActionsDropdown.tsx b/frontend/components/ActionsDropdown/ActionsDropdown.tsx index 13194b4721..a9c33b5252 100644 --- a/frontend/components/ActionsDropdown/ActionsDropdown.tsx +++ b/frontend/components/ActionsDropdown/ActionsDropdown.tsx @@ -187,7 +187,7 @@ const ActionsDropdown = ({ width: "max-content", // Need minHeight to override default minHeight: variant === "small-button" ? "20px" : "32px", // Match button height - padding: variant === "small-button" ? "2px 4px" : "8px", // Match button padding + padding: variant === "small-button" ? "4px" : "8px", // Match button padding backgroundColor: state.isFocused ? COLORS["ui-fleet-black-5"] : "initial", border: 0, boxShadow: "none", @@ -227,7 +227,7 @@ const ActionsDropdown = ({ state.isFocused || variant === "button" || variant === "small-button" ? COLORS["ui-fleet-black-75"] : COLORS["core-fleet-black"], - fontSize: "13px", + fontSize: "14px", fontWeight: variant === "button" || variant === "small-button" ? "600" : undefined, lineHeight: "normal", diff --git a/frontend/pages/hosts/details/cards/HostSoftwareLibrary/_styles.scss b/frontend/pages/hosts/details/cards/HostSoftwareLibrary/_styles.scss index 3ad5bfb907..53e16367b1 100644 --- a/frontend/pages/hosts/details/cards/HostSoftwareLibrary/_styles.scss +++ b/frontend/pages/hosts/details/cards/HostSoftwareLibrary/_styles.scss @@ -53,7 +53,7 @@ } &__item-action { - min-width: 94px; // Fits the "Reinstall" button without shifting + min-width: 94px; // Fits the "Reinstall" button without shifting second item action .component__tooltip-wrapper { margin: 0; // Override 10px vertical margin diff --git a/frontend/pages/hosts/details/cards/Software/InstallStatusCell/InstallStatusCell.tsx b/frontend/pages/hosts/details/cards/Software/InstallStatusCell/InstallStatusCell.tsx index 240a9157dc..ed958f90a0 100644 --- a/frontend/pages/hosts/details/cards/Software/InstallStatusCell/InstallStatusCell.tsx +++ b/frontend/pages/hosts/details/cards/Software/InstallStatusCell/InstallStatusCell.tsx @@ -259,12 +259,14 @@ export const INSTALL_STATUS_DISPLAY_OPTIONS: Record< }, failed_install_update_available: { iconName: "error-outline", // Match update available icon and not failed install icon + iconColor: "ui-fleet-black-75", displayText: "Update available", // Shows "Update available" modal instead of "Failed" modal as of 4.82 #31663 // Tooltip indicates failure info in host activity logs tooltip: failedInstallTooltip, }, failed_uninstall_update_available: { iconName: "error-outline", // Match update available icon and not failed uninstall icon + iconColor: "ui-fleet-black-75", displayText: "Update available", // Shows "Update available" modal instead of "Failed (uninstall)" modal as of 4.82 #31663 // Tooltip indicates failure info in host activity logs tooltip: failedUninstallTooltip, diff --git a/frontend/pages/hosts/details/cards/Software/SelfService/_styles.scss b/frontend/pages/hosts/details/cards/Software/SelfService/_styles.scss index 067b24540a..506953dfd7 100644 --- a/frontend/pages/hosts/details/cards/Software/SelfService/_styles.scss +++ b/frontend/pages/hosts/details/cards/Software/SelfService/_styles.scss @@ -91,7 +91,7 @@ .data-table-block .data-table tbody { .self-service-table__item-action { - min-width: 90px; // Second action buttons align between rows + min-width: 94px; // Fits the "Reinstall" button without shifting second item action .component__tooltip-wrapper { margin: 0; // Override 10px vertical margin @@ -126,4 +126,4 @@ .header { font-weight: $bold; } -} \ No newline at end of file +}