fix: UAT issues

Author: AbhishekA1509

src/Shared/Components/CICDHistory/LogsRenderer.scss

@@ -18,6 +18,16 @@
                     border: none !important;
                     background: transparent;
                 }
+
+                &__icon {
+                    path:nth-child(1) {
+                        fill: none !important;
+                    }
+                
+                    path:nth-child(2) {
+                        fill: var(--N400);
+                    }
+                }
             }
 
             .search-bar:focus-within {

src/Shared/Components/CICDHistory/TriggerOutput.tsx

@@ -75,14 +75,14 @@ const Finished = React.memo(
     ({ status, finishedOn, artifact, type }: FinishedType): JSX.Element => (
         <div className="flexbox pt-12 dc__gap-8 left dc__min-width-fit-content dc__align-items-center">
             <div
-                className={`${status} fs-14 fw-6 ${TERMINAL_STATUS_COLOR_CLASS_MAP[status.toLowerCase()] || 'cn-5'}`}
+                className={`${status} fs-13 fw-6 ${TERMINAL_STATUS_COLOR_CLASS_MAP[status.toLowerCase()] || 'cn-5'}`}
                 data-testid="deployment-status-text"
             >
-                {status && status.toLowerCase() === 'cancelled' ? 'ABORTED' : status}
+                {status && status.toLowerCase() === 'cancelled' ? 'Aborted' : status}
             </div>
 
             {finishedOn && finishedOn !== ZERO_TIME_STRING && (
-                <time className="dc__vertical-align-middle">
+                <time className="dc__vertical-align-middle fs-13">
                     {moment(finishedOn, 'YYYY-MM-DDTHH:mm:ssZ').format(DATE_TIME_FORMATS.TWELVE_HOURS_FORMAT)}
                 </time>
             )}
@@ -115,7 +115,7 @@ const WorkerStatus = React.memo(
             ) : null
 
         return (
-            <div className="display-grid trigger-details__grid">
+            <div className="display-grid trigger-details__grid py-4">
                 <div className="flexbox dc__content-center">
                     <ICLines className="icon-dim-20 dc__no-shrink scn-7" />
                 </div>
@@ -295,13 +295,13 @@ const StartDetails = ({
                     Start
                 </span>
 
-                <time className="cn-7 fs-12">
+                <time className="cn-7 fs-13">
                     {moment(startedOn, 'YYYY-MM-DDTHH:mm:ssZ').format(DATE_TIME_FORMATS.TWELVE_HOURS_FORMAT)}
                 </time>
 
                 <div className="dc__bullet" />
 
-                <div className="trigger-details__trigger-by cn-7 fs-12">
+                <div className="trigger-details__trigger-by cn-7 fs-13">
                     {triggeredBy === 1 ? 'auto trigger' : triggeredByEmail}
                 </div>
 
@@ -343,7 +343,7 @@ const StartDetails = ({
                 )}
 
                 {!pathname.includes('source-code') && (
-                    <Link to={`${url}/source-code`} className="anchor" data-testid="commit-details-link">
+                    <Link to={`${url}/source-code`} className="anchor fs-13" data-testid="commit-details-link">
                         Commit details
                     </Link>
                 )}

src/Shared/Components/ShowMoreText/ShowMoreText.tsx

@@ -19,9 +19,10 @@ import { ReactComponent as ICCaretDown } from '@Icons/ic-caret-down.svg'
 
 interface ShowMoreTextProps {
     text: string
+    textClass?: string
 }
 
-const ShowMoreText = ({ text }: ShowMoreTextProps) => {
+const ShowMoreText = ({ text, textClass }: ShowMoreTextProps) => {
     const ellipsisText = useRef(null)
     const [showToggle, setShowToggle] = useState(false)
     const [showAllText, setShowAllText] = useState(false)
@@ -39,10 +40,17 @@ const ShowMoreText = ({ text }: ShowMoreTextProps) => {
     const toggleShowText = () => {
         setShowAllText(!showAllText)
     }
+    const getTextClassName = () => {
+        if (showAllText) {
+            return textClass || ''
+        }
+
+        return `${textClass} dc__truncate`
+    }
 
     return (
         <div className="min-w-385 pr-20">
-            <span ref={ellipsisText} className={`${showAllText ? '' : 'dc__truncate '}`}>
+            <span ref={ellipsisText} className={getTextClassName()}>
                 {text}
             </span>
             {showToggle && (