From ed9e44e87f092b2965b46ce988aa00d92d701b43 Mon Sep 17 00:00:00 2001
From: Ian Yenien Serrano <63758389+yenienserrano@users.noreply.github.com>
Date: Thu, 30 Mar 2023 11:45:33 +0200
Subject: [PATCH 1/2] Change link to Malware detection documentation (#5329)

* Change link to Malware detection documentation

* Add changelog

* Update CHANGELOG.md
---
 CHANGELOG.md                                                | 6 ++++++
 .../configuration/policy-monitoring/help-links.js           | 4 ++--
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 3fbf1db63a..4512e72f7c 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -2,6 +2,12 @@
 
 All notable changes to the Wazuh app project will be documented in this file.
 
+## Wazuh v4.4.1 - OpenSearch Dashboards 2.6.0 - Revision 00
+
+### Fixed
+
+- Fixed the `Anomaly and malware detection` link. [#5329](https://github.com/wazuh/wazuh-kibana-app/pull/5329)
+
 ## Wazuh v4.4.0 - OpenSearch Dashboards 2.4.0 - Revision 06
 
 ### Added
diff --git a/public/controllers/management/components/management/configuration/policy-monitoring/help-links.js b/public/controllers/management/components/management/configuration/policy-monitoring/help-links.js
index d097a6408b..d406da914d 100644
--- a/public/controllers/management/components/management/configuration/policy-monitoring/help-links.js
+++ b/public/controllers/management/components/management/configuration/policy-monitoring/help-links.js
@@ -14,8 +14,8 @@ import { webDocumentationLink } from "../../../../../../../common/services/web_d
 
 export default [
   {
-    text: 'Anomaly and malware detection',
-    href: webDocumentationLink('user-manual/capabilities/anomalies-detection/index.html')
+    text: 'Malware detection',
+    href: webDocumentationLink('user-manual/capabilities/malware-detection/index.html')
   },
   {
     text: 'Monitoring security policies',

From 28fb59354e8433942341cfa4deb874b1f0639e6c Mon Sep 17 00:00:00 2001
From: Nicolas Agustin Guevara Pihen <42900763+Tostti@users.noreply.github.com>
Date: Thu, 30 Mar 2023 09:37:25 -0300
Subject: [PATCH 2/2] Fix visual error in "About" section (#5337)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* Add padding class

* Edit changelog

* Update CHANGELOG.md

* Fix margin icons

* Fix incorrect class

---------

Co-authored-by: Álex Ruiz <alejandro.ruiz.becerra@wazuh.com>
Co-authored-by: yenienserrano <ian.serrano@wazuh.com>
---
 CHANGELOG.md                            |  2 +-
 public/styles/layout.scss               |  6 +-
 public/templates/settings/settings.html | 73 ++++++++++++++++++-------
 3 files changed, 60 insertions(+), 21 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 4512e72f7c..1d352b1144 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -5,7 +5,7 @@ All notable changes to the Wazuh app project will be documented in this file.
 ## Wazuh v4.4.1 - OpenSearch Dashboards 2.6.0 - Revision 00
 
 ### Fixed
-
+- Fixed a visual error in the 'About' section. [#5337](https://github.com/wazuh/wazuh-kibana-app/pull/5337)
 - Fixed the `Anomaly and malware detection` link. [#5329](https://github.com/wazuh/wazuh-kibana-app/pull/5329)
 
 ## Wazuh v4.4.0 - OpenSearch Dashboards 2.4.0 - Revision 06
diff --git a/public/styles/layout.scss b/public/styles/layout.scss
index fbb3e203f7..435f173116 100644
--- a/public/styles/layout.scss
+++ b/public/styles/layout.scss
@@ -97,6 +97,10 @@ html{
   margin-left: 16px;
 }
 
+.wz-margin-left-40 {
+  margin-left: 40px;
+}
+
 .no-margin-left {
   margin-left: 0px;
 }
@@ -232,7 +236,7 @@ html{
   width: 100%;
 }
 
-.wz-mitre-width { 
+.wz-mitre-width {
   width: calc(100% - 35px);
 }
 
diff --git a/public/templates/settings/settings.html b/public/templates/settings/settings.html
index e842bfff8e..e9bfb500e7 100644
--- a/public/templates/settings/settings.html
+++ b/public/templates/settings/settings.html
@@ -1,31 +1,55 @@
 <!-- head -->
 <div ng-cloak ng-controller="settingsController as ctrl">
   <div ng-show="ctrl.load" style="padding: 16px">
-    <react-component name="EuiProgress" props="{size: 'xs', color: 'primary'}"></react-component>
+    <react-component
+      name="EuiProgress"
+      props="{size: 'xs', color: 'primary'}"
+    ></react-component>
   </div>
 
   <div
     ng-if="!ctrl.load && ctrl.settingsTabsProps && !ctrl.apiIsDown && ctrl.apiTableProps.apiEntries.length"
     class="wz-margin-top-16 md-margin-h"
   >
-    <react-component name="Tabs" props="ctrl.settingsTabsProps"></react-component>
+    <react-component
+      name="Tabs"
+      props="ctrl.settingsTabsProps"
+    ></react-component>
   </div>
   <!-- end head -->
   <!-- api -->
   <div ng-if="ctrl.tab === 'api' && !ctrl.load">
     <!-- API table section-->
     <div ng-if="ctrl.apiEntries.length && !ctrl.addingApi && !ctrl.apiIsDown">
-      <react-component name="ApiTable" props="ctrl.apiTableProps"></react-component>
+      <react-component
+        name="ApiTable"
+        props="ctrl.apiTableProps"
+      ></react-component>
     </div>
 
     <!-- Add API section-->
-    <div layout="row" layout-padding ng-if="!ctrl.apiEntries.length || ctrl.addingApi">
-      <react-component flex name="AddApi" props="ctrl.addApiProps"></react-component>
+    <div
+      layout="row"
+      layout-padding
+      ng-if="!ctrl.apiEntries.length || ctrl.addingApi"
+    >
+      <react-component
+        flex
+        name="AddApi"
+        props="ctrl.addApiProps"
+      ></react-component>
     </div>
 
     <!-- API is down section-->
-    <div layout="column" layout-padding ng-if="ctrl.apiIsDown && !ctrl.addingApi">
-      <react-component name="ApiIsDown" props="ctrl.apiIsDownProps"></react-component>
+    <div
+      layout="column"
+      layout-padding
+      ng-if="ctrl.apiIsDown && !ctrl.addingApi"
+    >
+      <react-component
+        name="ApiIsDown"
+        props="ctrl.apiIsDownProps"
+      ></react-component>
     </div>
   </div>
   <!-- End API configuration card section -->
@@ -45,7 +69,10 @@
   <!-- end configuration -->
   <!-- logs -->
   <div ng-if="ctrl.tab === 'logs' && !ctrl.load">
-    <react-component name="SettingsLogs" props="ctrl.settingsLogsProps"></react-component>
+    <react-component
+      name="SettingsLogs"
+      props="ctrl.settingsLogsProps"
+    ></react-component>
   </div>
   <!-- end logs -->
   <!-- miscellaneous -->
@@ -55,19 +82,23 @@
   <!-- end miscellaneous -->
   <!-- about -->
   <div ng-if="ctrl.tab === 'about' && !ctrl.load">
-    <div class="euiPage euiPageBody">
+    <div class="euiPage euiPage--paddingMedium euiPageBody">
       <!-- App information section -->
       <div ng-if="!ctrl.load">
         <div class="euiCallOut euiCallOut--primary" style="display: flex">
           <div class="wz-text-truncatable" flex>
-            App version: <span class="wz-text-bold">{{ctrl.appInfo["app-version"]}}</span>
+            App version:
+            <span class="wz-text-bold">{{ctrl.appInfo["app-version"]}}</span>
           </div>
           <div class="wz-text-truncatable" flex>
-            App revision: <span class="wz-text-bold">{{ctrl.appInfo["revision"]}}</span>
+            App revision:
+            <span class="wz-text-bold">{{ctrl.appInfo["revision"]}}</span>
           </div>
           <div class="wz-text-truncatable" flex>
             Install date:
-            <span class="wz-text-bold">{{ctrl.appInfo["installationDate"] | date : "medium"}}</span>
+            <span class="wz-text-bold"
+              >{{ctrl.appInfo["installationDate"] | date : "medium"}}</span
+            >
           </div>
         </div>
       </div>
@@ -96,10 +127,11 @@ <h2 class="euiTitle euiTitle--medium">
             <div class="euiSpacer euiSpacer--l"></div>
             <div class="euiText euiText--medium">
               <p>
-                {{ctrl.pluginAppName}} provides management and monitoring capabilities, giving users
-                control over the Wazuh infrastructure. You can monitor your agents
-                status and configuration, query and visualize your alert data and monitor manager
-                rules and configuration.
+                {{ctrl.pluginAppName}} provides management and monitoring
+                capabilities, giving users control over the Wazuh
+                infrastructure. You can monitor your agents status and
+                configuration, query and visualize your alert data and monitor
+                manager rules and configuration.
               </p>
             </div>
           </div>
@@ -121,7 +153,10 @@ <h2 class="euiTitle euiTitle--medium">Community</h2>
             </div>
             <div class="euiSpacer euiSpacer--m"></div>
             <div class="euiText euiText--medium">
-              <p>Enjoy your Wazuh experience and please don't hesitate to give us your feedback.</p>
+              <p>
+                Enjoy your Wazuh experience and please don't hesitate to give us
+                your feedback.
+              </p>
             </div>
             <div class="euiSpacer euiSpacer--l"></div>
             <div layout="row" class="layout-align-center-center" flex>
@@ -130,12 +165,12 @@ <h2 class="euiTitle euiTitle--medium">Community</h2>
                 props="{iconType:'logoSlack', iconSize:'xxl', href: 'https://wazuh.com/community/join-us-on-slack/', target: '_blank', 'aria-label': 'Wazuh Slack'}"
               ></react-component>
               <react-component
-                class="wz-margin-left-16"
+                class="wz-margin-left-40"
                 name="EuiButtonIcon"
                 props="{iconType: googleGroupsSVG, iconSize:'xxl', href: 'https://groups.google.com/forum/#!forum/wazuh', target: '_blank', 'aria-label': 'Wazuh forum'}"
               ></react-component>
               <react-component
-                class="wz-margin-left-16"
+                class="wz-margin-left-40"
                 name="EuiButtonIcon"
                 props="{iconType:'logoGithub', iconSize:'xxl', href: 'https://github.com/wazuh/wazuh-kibana-app', target: '_blank', 'aria-label': 'Wazuh dashboard Github'}"
               ></react-component>