Replace style attributes with className

elastic · Nov 11, 2021 · f3cab43 · f3cab43
1 parent f1bd61e
commit f3cab43
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/...solution/public/management/pages/endpoint_hosts/view/details/endpoint_details_content.tsx b/...solution/public/management/pages/endpoint_hosts/view/details/endpoint_details_content.tsx
@@ -33,6 +33,9 @@ const EndpointDetailsContentStyled = styled.div`
   dl dt {
     max-width: 220px;
   }
+  .policyLineText {
+    padding-right: 5px;
+  }
 `;
 
 const ColumnTitle = ({ children }: { children: React.ReactNode }) => {
@@ -106,7 +109,6 @@ export const EndpointDetailsContent = memo(
           ),
           description: (
             <EuiText size="xs">
-              {' '}
               <FormattedDate value={details['@timestamp']} fieldName="" />
             </EuiText>
           ),
@@ -125,16 +127,15 @@ export const EndpointDetailsContent = memo(
               <EndpointPolicyLink
                 policyId={details.Endpoint.policy.applied.id}
                 data-test-subj="policyDetailsValue"
-                style={{ paddingRight: '5px' }}
+                className={'policyLineText'}
               >
                 {details.Endpoint.policy.applied.name}
               </EndpointPolicyLink>
               {details.Endpoint.policy.applied.endpoint_policy_version && (
                 <EuiText
                   color="subdued"
                   size="xs"
-                  className={'eui-displayInlineBlock'}
-                  style={{ whiteSpace: 'nowrap', paddingRight: '5px' }}
+                  className={'eui-displayInlineBlock eui-textNoWrap policyLineText'}
                   data-test-subj="policyDetailsRevNo"
                 >
                   <FormattedMessage