Improve agent details page

CHANGELOG.md

@@ -10,6 +10,7 @@ All notable changes to the Wazuh app project will be documented in this file.
 
 ### Changed
 
+- Refined the layout of the agent details view [#7193](https://github.com/wazuh/wazuh-dashboard-plugins/issues/7193)
 - Changed the width of the command column, relocate argvs column and change the width of the rest of the columns in the table processes. [#7195](https://github.com/wazuh/wazuh-dashboard-plugins/pull/7195)
 
 ## Wazuh v4.10.0 - OpenSearch Dashboards 2.16.0 - Revision 03

plugins/main/public/components/agents/agent-status.scss

@@ -0,0 +1,3 @@
+.wz-agent-icon-tip {
+  margin-left: 5px;
+}

plugins/main/public/components/agents/agent-status.tsx

@@ -1,4 +1,4 @@
 import React from 'react';
 import {
   agentStatusColorByAgentStatus,
   agentStatusLabelByAgentStatus,
@@ -9,6 +9,7 @@
 import { AGENT_STATUS_CODE } from '../../../common/constants';
 import '../../styles/common.scss';
 import { Agent } from '../endpoints-summary/types';
+import './agent-status.scss';
 
 interface AgentStatusProps {
   status: TAgentStatus;
@@ -28,7 +29,7 @@
   );
   return (
     <div
       className='euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow'
       style={style}
     >
       <ColumnWithStatusIcon
@@ -37,7 +38,7 @@
         tooltip={agentStatusLabelByAgentStatus(status).toLowerCase()}
       />
       <EuiIconTip
-        anchorClassName='wz-margin-left-10'
+        anchorClassName='wz-agent-icon-tip'
         aria-label='Description'
         size='m'
         type='iInCircle'