[Backport 4.4-7.10] Header in agent view is rendered correctly (#5293)

Header in agent view is rendered correctly (#5291) * remove unnecessary div and change style * Add changelog (cherry picked from commit 0b43b58) Co-authored-by: Ian Yenien Serrano <63758389+yenienserrano@users.noreply.github.com>
wazuh · Mar 14, 2023 · 82810de · 82810de
1 parent fd0d2b0
commit 82810de
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 15 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -77,6 +77,7 @@ All notable changes to the Wazuh app project will be documented in this file.
 - Fixed Wazuh main menu not displayed when navigation menu is locked [#5273](https://github.com/wazuh/wazuh-kibana-app/pull/5273)
 - Fixed Deploy Agent wrong use of connection secure property [#5285](https://github.com/wazuh/wazuh-kibana-app/pull/5285)
 - Fixed events view when search bar language is `lucene` [#5286](https://github.com/wazuh/wazuh-kibana-app/pull/5286)
+- Fixed head rendering in agent view [#5291](https://github.com/wazuh/wazuh-kibana-app/pull/5291)
 
 ### Removed
 

diff --git a/public/components/common/modules/module.scss b/public/components/common/modules/module.scss
@@ -35,7 +35,7 @@
     margin-top: 0px;
 }
 
-.wz-module-header-agent-title{    
+.wz-module-header-agent-title{
     margin: 6px 12px!important;
 }
 
@@ -53,16 +53,16 @@
     color: #006BB4;
 }
 
-.wz-module-header-agent h1{    
+.wz-module-header-agent h1{
     font-weight: 400;
 }
 
-.wz-module-header-agent h1 b{    
+.wz-module-header-agent h1 b{
     font-weight: 500;
 }
 
 .wz-module-header-nav-wrapper{
-    margin-top: 49px;    
+    margin-top: 49px;
 }
 
 .wz-module-header-nav .euiTabs{
@@ -121,7 +121,7 @@ discover-app-w .sidebar-container {
         }
         .wz-module-header-agent{
             height: auto;
-            h1{    
+            h1{
                 white-space: nowrap;
                 text-overflow: ellipsis;
                 overflow: hidden;
@@ -130,27 +130,27 @@ discover-app-w .sidebar-container {
         .wz-module-body {
             margin-top: -160px;
         }
-    
+
         .wz-module-header-agent-wrapper, .wz-module-header-nav-wrapper{
             position: relative;
         }
-    
+
         .wz-module-header-nav-wrapper{
             margin-top: 15px;
         }
-    
+
         .wz-module-header-nav {
             padding-bottom: 16px;
         }
-    
+
         .wz-module-body-agent-info > .euiFlexGroup > .euiFlexItem {
             max-width: unset!important;
         }
 
         .wz-module-header-agent-title .euiFlexItem{
-            align-items: flex-start!important;    
+            align-items: flex-start!important;
         }
-        .wz-agent-empty-item .euiFlexItem{
+        .wz-agent-empty-item.euiFlexItem{
             margin-top: 0px!important;
             margin-bottom:0px!important;
         }
@@ -160,4 +160,4 @@ discover-app-w .sidebar-container {
 .wz-section-sca-euiFlexGroup {
     display: flex;
     justify-content: space-between;
-}
+}
diff --git a/public/components/common/welcome/agents-welcome.js b/public/components/common/welcome/agents-welcome.js
@@ -316,9 +316,7 @@ class AgentsWelcome extends Component {
                 </EuiPopover>
               </EuiFlexItem>
               }
-              <div className="wz-agent-empty-item">
-              <EuiFlexItem></EuiFlexItem>
-              </div>
+              <EuiFlexItem className="wz-agent-empty-item"></EuiFlexItem>
               <EuiFlexItem grow={false} style={{ marginTop: 7 }}>
                 <EuiButtonEmpty
                   iconType="inspect"