diff --git a/frontend/pages/ManageControlsPage/Scripts/components/ScriptListHeading/ScriptListHeading.tsx b/frontend/pages/ManageControlsPage/Scripts/components/ScriptListHeading/ScriptListHeading.tsx
index bfe170187d..5610b99e33 100644
--- a/frontend/pages/ManageControlsPage/Scripts/components/ScriptListHeading/ScriptListHeading.tsx
+++ b/frontend/pages/ManageControlsPage/Scripts/components/ScriptListHeading/ScriptListHeading.tsx
@@ -1,3 +1,4 @@
+import GitOpsModeTooltipWrapper from "components/GitOpsModeTooltipWrapper";
import React from "react";
import Button from "components/buttons/Button";
import Icon from "components/Icon";
@@ -11,20 +12,26 @@ interface IScriptListHeading {
const ScriptListHeading = ({ onClickAddScript }: IScriptListHeading) => {
return (
-
- Script
-
-
-
-
+
Scripts
+
+ (
+
+ )}
+ />
+
);
};
diff --git a/frontend/pages/ManageControlsPage/Scripts/components/ScriptListHeading/_styles.scss b/frontend/pages/ManageControlsPage/Scripts/components/ScriptListHeading/_styles.scss
index d18efc5bab..e9161364d8 100644
--- a/frontend/pages/ManageControlsPage/Scripts/components/ScriptListHeading/_styles.scss
+++ b/frontend/pages/ManageControlsPage/Scripts/components/ScriptListHeading/_styles.scss
@@ -1,47 +1,19 @@
.script-list-heading {
- font-weight: $bold;
display: flex;
+ align-items: center;
justify-content: space-between;
+ font-size: $x-small;
+ font-weight: $bold;
- &__heading-group {
- flex: 1;
- display: flex;
- justify-content: space-between;
- align-items: center;
-
- .button--brand-inverse-icon {
- height: 16px;
- padding: 0px;
- }
+ &__heading-title {
+ align-content: center;
}
- &__button-container {
- height: 16px;
+ &__heading-actions {
+ margin: -$pad-medium 0; // Remove vertical padding of button increasing container height
}
- &__script-statuses {
- display: flex;
- justify-content: center;
+ &__add-button {
+ vertical-align: middle;
}
-
- &__status > div {
- display: flex;
- align-items: center;
- width: 100px;
- justify-content: center;
-
- span {
- margin-left: 12px;
- }
- }
-
- &__tooltip-text {
- font-weight: normal;
- }
-
- @media (max-width: $break-md) {
- &__script-statuses {
- justify-content: flex-end;
- }
- }
-}
+}
\ No newline at end of file
diff --git a/frontend/utilities/file/fileUtils.ts b/frontend/utilities/file/fileUtils.ts
index db7006347c..0be0f52026 100644
--- a/frontend/utilities/file/fileUtils.ts
+++ b/frontend/utilities/file/fileUtils.ts
@@ -1,6 +1,6 @@
import { PackageType } from "interfaces/package_type";
-type IPlatformDisplayName = "macOS" | "Windows" | "Linux";
+type IPlatformDisplayName = "macOS" | "Windows" | "Linux" | "macOS & Linux";
export const FILE_EXTENSIONS_TO_PLATFORM_DISPLAY_NAME: Record<
string,
@@ -15,7 +15,7 @@ export const FILE_EXTENSIONS_TO_PLATFORM_DISPLAY_NAME: Record<
deb: "Linux",
rpm: "Linux",
"tar.gz": "Linux",
- sh: "Linux",
+ sh: "macOS & Linux",
ps1: "Windows",
};