From b61e7a03887fcf4a10a634ff9648ad09cdc52baa Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jes=C3=BAs=20=C3=81ngel?= <jesus.gonzalez@wazuh.com>
Date: Mon, 25 Feb 2019 11:00:34 +0100
Subject: [PATCH] Fix margin

---
 public/templates/agents/agents-welcome.html | 107 ++++++++++++--------
 1 file changed, 67 insertions(+), 40 deletions(-)

diff --git a/public/templates/agents/agents-welcome.html b/public/templates/agents/agents-welcome.html
index 9a797160c..6ba17ceb3 100644
--- a/public/templates/agents/agents-welcome.html
+++ b/public/templates/agents/agents-welcome.html
@@ -7,7 +7,8 @@
                         not fetch data for this agent. <span ng-if="emptyAgent">Reason: {{emptyAgent}}</span></span>
                 </div>
                 <div layout="row" layout-padding ng-if="emptyAgent">
-                    <span class="wz-text-link" ng-click="getAgent()"><i class="fa fa-fw fa-refresh" aria-hidden="true"></i>
+                    <span class="wz-text-link" ng-click="getAgent()"><i class="fa fa-fw fa-refresh"
+                            aria-hidden="true"></i>
                         Try again</span>
                 </div>
             </md-card-content>
@@ -17,13 +18,14 @@
 <div layout="column" class="" layout-align="start stretch" ng-if="tab === 'welcome'" ng-show="!load && agent">
 
     <!-- Headline -->
-    <div layout="row" class="wz-margin-left-16 wz-margin-right-8 wz-margin-top-8">
+    <div layout="row" class="wz-margin-left-16 wz-margin-right-16 wz-margin-top-8">
         <span class="font-size-18"><i class="fa fa-fw fa-tv" aria-hidden="true"></i> {{ agent.name || '-' }} <span
-                class="wz-text-bold wz-text-link" ng-click="goDiscover()" tooltip="Discover"><i class="fa fa-fw fa-compass"
-                    aria-hidden="true"></i></span></span>
+                class="wz-text-bold wz-text-link" ng-click="goDiscover()" tooltip="Discover"><i
+                    class="fa fa-fw fa-compass" aria-hidden="true"></i></span></span>
         <span flex></span>
-        <md-button ng-show="!showConfirmRestartAgent" ng-disabled="restartingAgent" class="wz-button wz-no-margin" ng-disabled="isRestarting"
-            ng-click="showConfirmRestartAgent = true"><i class="fa fa-refresh" ng-class="restartingAgent ? 'fa-spin fa-spinner' : ''"></i>
+        <md-button ng-show="!showConfirmRestartAgent" ng-disabled="restartingAgent" class="wz-button wz-no-margin"
+            ng-disabled="isRestarting" ng-click="showConfirmRestartAgent = true"><i class="fa fa-refresh"
+                ng-class="restartingAgent ? 'fa-spin fa-spinner' : ''"></i>
             Restart agent
         </md-button>
         <div ng-show="showConfirmRestartAgent" class="confirmEmbedBubble confirmEmbedBubbleInline wz-margin-right-8">
@@ -42,7 +44,8 @@
     <div layout="row" layout-padding>
         <md-card flex class="wz-md-card wz-padding-top-0 wz-padding-bottom-0">
             <md-card-content>
-                <div class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive">
+                <div
+                    class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive">
                     <div class="euiFlexItem euiFlexItem--flexGrowZero">
                         <div class="euiStat euiStat--leftAligned">
                             <div class="euiText euiText--small euiStat__description">
@@ -99,7 +102,8 @@
                             <p class="euiTitle euiTitle--small euiStat__title" ng-if="agent.syscheck.inProgress">Scan
                                 in progress</p>
                             <p class="euiTitle euiTitle--small euiStat__title" ng-if="!agent.syscheck.inProgress">{{agent.syscheck.end
-                                || '-'}} <md-tooltip ng-if="!agent.syscheck.inProgress && agent.syscheck.start && agent.syscheck.end"
+                                || '-'}} <md-tooltip
+                                    ng-if="!agent.syscheck.inProgress && agent.syscheck.start && agent.syscheck.end"
                                     md-direction="bottom" class="wz-tooltip">
                                     Start time: {{ agent.syscheck.start || '-'}} <br>
                                     End time: {{ agent.syscheck.end || '-'}} <br>
@@ -117,7 +121,8 @@
                                 in progress</p>
                             <p class="euiTitle euiTitle--small euiStat__title" ng-if="!agent.rootcheck.inProgress">{{agent.rootcheck.end
                                 || '-'}}
-                                <md-tooltip ng-if="!agent.rootcheck.inProgress && agent.rootcheck.start && agent.rootcheck.end"
+                                <md-tooltip
+                                    ng-if="!agent.rootcheck.inProgress && agent.rootcheck.start && agent.rootcheck.end"
                                     md-direction="bottom" class="wz-tooltip">
                                     Start time: {{ agent.rootcheck.start || '-'}} <br>
                                     End time: {{ agent.rootcheck.end || '-'}} <br>
@@ -135,8 +140,9 @@
             <md-card-content>
 
                 <div layout="row" ng-if="agent.group">
-                    <span class="font-size-16">Groups <i ng-if='adminMode' tooltip="Add group" ng-click="switchGroupEdit()"
-                            class="wz-text-bold wz-text-link-add fa fa-fw" ng-class="!addingGroupToAgent ? 'fa-plus-circle' : 'fa-minus-circle'"></i></span>
+                    <span class="font-size-16">Groups <i ng-if='adminMode' tooltip="Add group"
+                            ng-click="switchGroupEdit()" class="wz-text-bold wz-text-link-add fa fa-fw"
+                            ng-class="!addingGroupToAgent ? 'fa-plus-circle' : 'fa-minus-circle'"></i></span>
                 </div>
                 <md-divider ng-if="agent.group" class="wz-margin-top-10"></md-divider>
                 <div layout="row" class="wz-margin-top-10" ng-if="agent.group && editGroup && !addingGroupToAgent">
@@ -144,12 +150,15 @@
                         Available groups:
                     </div>
                     <div class="wz-word-break" flex ng-if="!groups || !groups.length">
-                        No more groups available. Create a new group at <a ng-href="#/manager//?_g=()&tab=groups">Configuration
+                        No more groups available. Create a new group at <a
+                            ng-href="#/manager//?_g=()&tab=groups">Configuration
                             > Groups</a>.
                     </div>
                 </div>
-                <div ng-if="agent.group && editGroup && !addingGroupToAgent && groups && groups.length" class="wz-margin-top-4">
-                    <span ng-repeat="group in groups" class="wz-text-bold wz-text-link" ng-click="showConfirmAddGroup(group)">{{
+                <div ng-if="agent.group && editGroup && !addingGroupToAgent && groups && groups.length"
+                    class="wz-margin-top-4">
+                    <span ng-repeat="group in groups" class="wz-text-bold wz-text-link"
+                        ng-click="showConfirmAddGroup(group)">{{
                         group }}&nbsp;</span>
                 </div>
 
@@ -165,7 +174,8 @@
                     </div>
                 </div>
                 <div layout="row" ng-if="agent.group" class="wz-word-break wz-padding-top-10">
-                    <span ng-repeat="group in agent.group" class="wz-text-bold wz-text-link" ng-click="goGroups(agent,$index)">{{
+                    <span ng-repeat="group in agent.group" class="wz-text-bold wz-text-link"
+                        ng-click="goGroups(agent,$index)">{{
                         group
                         }}&nbsp;</span>
                 </div>
@@ -182,14 +192,20 @@
                     <h3 class="euiTitle wzEuiTitle">Security Information Management</h3>
                     <div class="euiSpacer euiSpacer--m"></div>
                     <div class="euiFlexGrid euiFlexGrid--gutterLarge euiFlexGrid--halves">
-                        <wz-welcome-card class="euiFlexItem" logo="'icons/app_dashboard.svg'" card-title="'Security events'"
-                            switch-tab="switchTab('general')" current-tab="'general'" description="TabDescription.general.description"></wz-welcome-card>
-                        <wz-welcome-card class="euiFlexItem" logo="'icons/app_logging.svg'" card-title="'Integrity monitoring'"
-                            switch-tab="switchTab('fim')" current-tab="'fim'" description="TabDescription.fim.description"></wz-welcome-card>
-                        <wz-welcome-card class="euiFlexItem" logo="'icons/app_devtools.svg'" card-title="'Configuration'"
-                            switch-tab="switchTab('configuration')" current-tab="'configuration'" description="TabDescription.configuration.description"></wz-welcome-card>
-                        <wz-welcome-card class="euiFlexItem" logo="'icons/app_index_pattern.svg'" card-title="'Inventory data'"
-                            switch-tab="switchTab('syscollector')" current-tab="'syscollector'" description="TabDescription.syscollector.description"></wz-welcome-card>
+                        <wz-welcome-card class="euiFlexItem" logo="'icons/app_dashboard.svg'"
+                            card-title="'Security events'" switch-tab="switchTab('general')" current-tab="'general'"
+                            description="TabDescription.general.description"></wz-welcome-card>
+                        <wz-welcome-card class="euiFlexItem" logo="'icons/app_logging.svg'"
+                            card-title="'Integrity monitoring'" switch-tab="switchTab('fim')" current-tab="'fim'"
+                            description="TabDescription.fim.description"></wz-welcome-card>
+                        <wz-welcome-card class="euiFlexItem" logo="'icons/app_devtools.svg'"
+                            card-title="'Configuration'" switch-tab="switchTab('configuration')"
+                            current-tab="'configuration'" description="TabDescription.configuration.description">
+                        </wz-welcome-card>
+                        <wz-welcome-card class="euiFlexItem" logo="'icons/app_index_pattern.svg'"
+                            card-title="'Inventory data'" switch-tab="switchTab('syscollector')"
+                            current-tab="'syscollector'" description="TabDescription.syscollector.description">
+                        </wz-welcome-card>
                     </div>
                 </div>
             </div>
@@ -198,16 +214,22 @@
                     <h3 class="euiTitle wzEuiTitle">Auditing and Policy Monitoring</h3>
                     <div class="euiSpacer euiSpacer--m"></div>
                     <div class="euiFlexGrid euiFlexGrid--gutterLarge euiFlexGrid--halves">
-                        <wz-welcome-card class="euiFlexItem" logo="'icons/app_advanced_settings.svg'" card-title="'Policy monitoring'"
-                            switch-tab="switchTab('pm')" current-tab="'pm'" description="TabDescription.pm.description"></wz-welcome-card>
-                        <wz-welcome-card class="euiFlexItem" logo="'icons/app_timelion.svg'" card-title="'Configuration assessment'"
-                            switch-tab="switchTab('sca')" current-tab="'sca'" description="TabDescription['sca'].description"></wz-welcome-card>
-                        <wz-welcome-card ng-if="extensions.audit && agent.isLinuxOS" class="euiFlexItem" logo="'icons/app_monitoring.svg'"
-                            card-title="'System auditing'" switch-tab="switchTab('audit')" current-tab="'audit'" description="TabDescription.audit.description"></wz-welcome-card>
-                        <wz-welcome-card ng-if="extensions.oscap && agent.isLinuxOS" class="euiFlexItem" logo="'icons/app_discover.svg'"
-                            card-title="'OpenSCAP'" switch-tab="switchTab('oscap')" current-tab="'oscap'" description="TabDescription.oscap.description"></wz-welcome-card>
+                        <wz-welcome-card class="euiFlexItem" logo="'icons/app_advanced_settings.svg'"
+                            card-title="'Policy monitoring'" switch-tab="switchTab('pm')" current-tab="'pm'"
+                            description="TabDescription.pm.description"></wz-welcome-card>
+                        <wz-welcome-card class="euiFlexItem" logo="'icons/app_timelion.svg'"
+                            card-title="'Configuration assessment'" switch-tab="switchTab('sca')" current-tab="'sca'"
+                            description="TabDescription['sca'].description"></wz-welcome-card>
+                        <wz-welcome-card ng-if="extensions.audit && agent.isLinuxOS" class="euiFlexItem"
+                            logo="'icons/app_monitoring.svg'" card-title="'System auditing'"
+                            switch-tab="switchTab('audit')" current-tab="'audit'"
+                            description="TabDescription.audit.description"></wz-welcome-card>
+                        <wz-welcome-card ng-if="extensions.oscap && agent.isLinuxOS" class="euiFlexItem"
+                            logo="'icons/app_discover.svg'" card-title="'OpenSCAP'" switch-tab="switchTab('oscap')"
+                            current-tab="'oscap'" description="TabDescription.oscap.description"></wz-welcome-card>
                         <wz-welcome-card ng-if="extensions.ciscat" class="euiFlexItem" logo="'icons/app_management.svg'"
-                            card-title="'CIS-CAT'" switch-tab="switchTab('ciscat')" current-tab="'ciscat'" description="TabDescription.ciscat.description"></wz-welcome-card>
+                            card-title="'CIS-CAT'" switch-tab="switchTab('ciscat')" current-tab="'ciscat'"
+                            description="TabDescription.ciscat.description"></wz-welcome-card>
                     </div>
                 </div>
             </div>
@@ -222,13 +244,16 @@
                         <h3 class="euiTitle wzEuiTitle">Threat Detection and Response</h3>
                         <div class="euiSpacer euiSpacer--m"></div>
                         <div class="euiFlexGrid euiFlexGrid--gutterLarge euiFlexGrid--halves">
-                            <wz-welcome-card class="euiFlexItem" logo="'icons/app_security.svg'" card-title="'Vulnerabilities'"
-                                switch-tab="switchTab('vuls')" current-tab="'vuls'" description="TabDescription.vuls.description"></wz-welcome-card>
-                            <wz-welcome-card ng-if="extensions.virustotal" class="euiFlexItem" logo="'icons/app_saved_objects.svg'"
-                                card-title="'VirusTotal'" switch-tab="switchTab('virustotal')" current-tab="'virustotal'"
+                            <wz-welcome-card class="euiFlexItem" logo="'icons/app_security.svg'"
+                                card-title="'Vulnerabilities'" switch-tab="switchTab('vuls')" current-tab="'vuls'"
+                                description="TabDescription.vuls.description"></wz-welcome-card>
+                            <wz-welcome-card ng-if="extensions.virustotal" class="euiFlexItem"
+                                logo="'icons/app_saved_objects.svg'" card-title="'VirusTotal'"
+                                switch-tab="switchTab('virustotal')" current-tab="'virustotal'"
                                 description="TabDescription.virustotal.description"></wz-welcome-card>
                             <wz-welcome-card ng-if="extensions.osquery" class="euiFlexItem" logo="'icons/osquery.svg'"
-                                card-title="'Osquery'" switch-tab="switchTab('osquery')" current-tab="'osquery'" description="TabDescription.osquery.description"></wz-welcome-card>
+                                card-title="'Osquery'" switch-tab="switchTab('osquery')" current-tab="'osquery'"
+                                description="TabDescription.osquery.description"></wz-welcome-card>
                         </div>
                     </div>
                 </div>
@@ -238,10 +263,12 @@
                     <h3 class="euiTitle wzEuiTitle">Regulatory Compliance</h3>
                     <div class="euiSpacer euiSpacer--m"></div>
                     <div class="euiFlexGrid euiFlexGrid--gutterLarge euiFlexGrid--halves">
-                        <wz-welcome-card ng-if="extensions.pci" class="euiFlexItem" logo="'icons/app_apm.svg'" card-title="'PCI DSS'"
-                            switch-tab="switchTab('pci')" current-tab="'pci'" description="TabDescription.pci.description"></wz-welcome-card>
+                        <wz-welcome-card ng-if="extensions.pci" class="euiFlexItem" logo="'icons/app_apm.svg'"
+                            card-title="'PCI DSS'" switch-tab="switchTab('pci')" current-tab="'pci'"
+                            description="TabDescription.pci.description"></wz-welcome-card>
                         <wz-welcome-card ng-if="extensions.gdpr" class="euiFlexItem" logo="'icons/app_visualize.svg'"
-                            card-title="'GDPR'" switch-tab="switchTab('gdpr')" current-tab="'gdpr'" description="TabDescription.gdpr.description"></wz-welcome-card>
+                            card-title="'GDPR'" switch-tab="switchTab('gdpr')" current-tab="'gdpr'"
+                            description="TabDescription.gdpr.description"></wz-welcome-card>
                     </div>
                 </div>
             </div>