Web: Client: fixed styles in the audit trail and login history

packages/client/src/pages/PortalSettings/categories/security/audit-trail/RowView/AuditContent.js

@@ -6,10 +6,11 @@ import styled from "styled-components";
 import { UnavailableStyles } from "../../../../utils/commonSettingsStyles";
 
 const StyledRowContent = styled(RowContent)`
+  padding-bottom: 10px;
   .row-main-container-wrapper {
     display: flex;
-    justify-content: space-between;
-    width: 100%;
+    justify-content: flex-start;
+    width: min-content;
   }
 
   ${(props) => props.isSettingNotPaid && UnavailableStyles}
@@ -29,12 +30,7 @@ export const AuditContent = ({ sectionWidth, item, isSettingNotPaid }) => {
       isSettingNotPaid={isSettingNotPaid}
     >
       <div className="user-container-wrapper">
-        <Text
-          fontWeight={600}
-          fontSize="14px"
-          isTextOverflow={true}
-          className="settings_unavailable"
-        >
+        <Text fontWeight={600} fontSize="14px" isTextOverflow={true}>
           {item.user}
         </Text>
       </div>

packages/client/src/pages/PortalSettings/categories/security/audit-trail/index.js

@@ -26,7 +26,9 @@ const AuditTrail = (props) => {
   useEffect(() => {
     setDocumentTitle(t("AuditTrailNav"));
 
-    getAuditTrail();
+    if (isAuditAvailable) {
+      getAuditTrail();
+    }
 
     getLifetimeAuditSettings();
   }, []);

packages/client/src/pages/PortalSettings/categories/security/login-history/RowView/HistoryContent.js

@@ -7,8 +7,8 @@ import styled from "styled-components";
 const StyledRowContent = styled(RowContent)`
   .row-main-container-wrapper {
     display: flex;
-    justify-content: space-between;
-    width: 100%;
+    justify-content: flex-start;
+    width: min-content;
   }
 `;
 
@@ -34,6 +34,7 @@ export const HistoryContent = ({ sectionWidth, item }) => {
         fontSize="12px"
         fontWeight={600}
         truncate={true}
+        color="#A3A9AE"
       >
         {dateStr}
       </Text>

packages/client/src/pages/PortalSettings/categories/security/login-history/index.js

@@ -26,7 +26,10 @@ const LoginHistory = (props) => {
   useEffect(() => {
     setDocumentTitle(t("LoginHistoryTitle"));
 
-    getLoginHistory();
+    if (isAuditAvailable) {
+      getLoginHistory();
+    }
+
     getLifetimeAuditSettings();
   }, []);
 
@@ -73,6 +76,7 @@ const LoginHistory = (props) => {
           setLifetimeAuditSettings={setLifetimeAuditSettings}
           content={getContent()}
           downloadReport={t("DownloadReportBtnText")}
+          downloadReportDescription={t("DownloadReportDescription")}
           getReport={getLoginHistoryReport}
           isSettingNotPaid={!isAuditAvailable}
         />

packages/client/src/pages/PortalSettings/categories/security/sub-components/HistoryMainContent.js

@@ -89,7 +89,7 @@ const DownLoadWrapper = styled.div`
 
   .download-report_description {
     font-style: normal;
-    font-weight: 600;
+    font-weight: 400;
     font-size: 12px;
     line-height: 16px;