feat: updated input create secret style and some more updates on style

frontend/src/views/SecretMainPage/components/ActionBar/ActionBar.tsx

@@ -3,7 +3,6 @@ import {
   faAnglesDown,
   faCheckCircle,
   faChevronRight,
-  faClose,
   faCodeCommit,
   faDownload,
   faEye,
@@ -12,6 +11,7 @@ import {
   faFilter,
   faFolderPlus,
   faMagnifyingGlass,
+  faMinusSquare,
   faPlus,
   faTrash
 } from "@fortawesome/free-solid-svg-icons";
@@ -373,14 +373,14 @@ export const ActionBar = ({
           isMultiSelectActive && "h-16"
         )}
       >
-        <div className="text-bunker-300 flex items-center bg-mineshaft-800 mt-4 p-2 pl-4 rounded-md">
+        <div className="text-bunker-300 flex items-center bg-mineshaft-800 mt-4 py-2 px-4 rounded-md">
           <Tooltip content="Clear">
             <IconButton variant="plain" ariaLabel="clear-selection" onClick={onResetSelectedSecret}>
-              <FontAwesomeIcon icon={faClose} size="lg" />
+              <FontAwesomeIcon icon={faMinusSquare} size="lg" />
             </IconButton>
           </Tooltip>
-          <div className="text-sm ml-4 px-2 border-x border-mineshaft-600">
-            {Object.keys(selectedSecrets).length} Secrets
+          <div className="text-sm ml-4 px-2 flex-grow">
+            {Object.keys(selectedSecrets).length} Selected
           </div>
           <ProjectPermissionCan
             I={ProjectPermissionActions.Edit}
@@ -389,15 +389,16 @@ export const ActionBar = ({
             allowedLabel="Delete"
           >
             {(isAllowed) => (
-              <IconButton
-                variant="plain"
-                ariaLabel="delete"
+              <Button
+                variant="outline_bg"
+                leftIcon={<FontAwesomeIcon icon={faTrash} />}
                 className="ml-4 text-red-700"
                 onClick={() => handlePopUpOpen("bulkDeleteSecrets")}
                 isDisabled={!isAllowed}
+                size="xs"
               >
-                <FontAwesomeIcon icon={faTrash} />
-              </IconButton>
+                Delete
+              </Button>
             )}
           </ProjectPermissionCan>
         </div>

frontend/src/views/SecretMainPage/components/ActionBar/CreateSecretForm.tsx

@@ -95,7 +95,7 @@ export const CreateSecretForm = ({
               >
                 <SecretInput
                   {...field}
-                  className="bg-mineshaft-900 text-gray-400 hover:border-primary-400/50 focus:border  px-2 py-1.5"
+                  containerClassName="text-bunker-300 hover:border-primary-400/50 border border-mineshaft-600 bg-mineshaft-900  px-2 py-1.5"
                 />
               </FormControl>
             )}

frontend/src/views/SecretMainPage/components/SecretListView/SecretItem.tsx

@@ -10,7 +10,6 @@ import {
   faCopy,
   faEllipsis,
   faKey,
-  faSave,
   faTag,
   faTags
 } from "@fortawesome/free-solid-svg-icons";
@@ -449,7 +448,7 @@ export const SecretItem = memo(
                       {isSubmitting ? (
                         <Spinner className="w-4 h-4 p-0 m-0" />
                       ) : (
-                        <FontAwesomeIcon icon={faSave} size="lg" className="text-primary" />
+                        <FontAwesomeIcon icon={faCheck} size="lg" className="text-primary" />
                       )}
                     </IconButton>
                   </Tooltip>