Fixed donut card legend (#6832)

* Fixed donut card legend

* Added CHANGELOG

CHANGELOG.md

@@ -27,7 +27,7 @@ All notable changes to the Wazuh app project will be documented in this file.
 - Change how the configuration is managed in the backend side [#6337](https://github.com/wazuh/wazuh-dashboard-plugins/pull/6337) [#6519](https://github.com/wazuh/wazuh-dashboard-plugins/pull/6519) [#6573](https://github.com/wazuh/wazuh-dashboard-plugins/pull/6573)
 - Change the view of API is down and check connection to Server APIs application [#6337](https://github.com/wazuh/wazuh-dashboard-plugins/pull/6337)
 - Changed the usage of the endpoint GET /groups/{group_id}/files/{file_name} [#6385](https://github.com/wazuh/wazuh-dashboard-plugins/pull/6385)
-- Refactoring and redesign endpoints summary visualizations [#6268](https://github.com/wazuh/wazuh-dashboard-plugins/pull/6268)
+- Refactoring and redesign endpoints summary visualizations [#6268](https://github.com/wazuh/wazuh-dashboard-plugins/pull/6268) [#6832](https://github.com/wazuh/wazuh-dashboard-plugins/pull/6832)
 - Move AngularJS settings controller to ReactJS [#6580](https://github.com/wazuh/wazuh-dashboard-plugins/pull/6580)
 - Move AngularJS controller and view for manage groups to ReactJS [#6543](https://github.com/wazuh/wazuh-dashboard-plugins/pull/6543)
 - Move AngularJS controllers and views of Tools and Dev Tools to ReactJS [#6544](https://github.com/wazuh/wazuh-dashboard-plugins/pull/6544)

plugins/main/public/components/common/charts/visualizations/legend.scss

@@ -3,7 +3,7 @@
   overflow: auto;
   scrollbar-width: none;
   @media (min-width: 1024px) {
-    width: 160px;
+    width: 195px;
   }
 }
 

plugins/main/public/components/endpoints-summary/dashboard/components/donut-card.tsx

@@ -41,7 +41,10 @@ const DonutCard = ({
       betaBadgeLabel={betaBadgeLabel}
     >
       <EuiFlexGroup>
-        <EuiFlexItem className='align-items-center'>
+        <EuiFlexItem
+          className='align-items-center'
+          style={{ margin: '12px 0px' }}
+        >
           <VisualizationBasic
             isLoading={isLoading}
             type='donut'