From d2c26ba60712fb322e6d63c9100518282bd77177 Mon Sep 17 00:00:00 2001
From: Daniel Cebrian <daniel.cebrian@pandorafms.com>
Date: Wed, 3 May 2023 11:07:20 +0200
Subject: [PATCH] #11092 fixed response tactical view

---
 pandora_console/godmode/groups/tactical.php   | 21 +++++++--------
 .../include/styles/tactical_groups.css        | 27 +++++++++++++++++++
 2 files changed, 37 insertions(+), 11 deletions(-)

diff --git a/pandora_console/godmode/groups/tactical.php b/pandora_console/godmode/groups/tactical.php
index 5339590bc4..4eec70956c 100644
--- a/pandora_console/godmode/groups/tactical.php
+++ b/pandora_console/godmode/groups/tactical.php
@@ -98,16 +98,15 @@ if (count($groups) > 0) {
 
 
 echo '<div id="tactic_view">';
-echo '<table style="width: 100%;">';
-echo '<tr>';
-echo '<td class="tactical_group_left_column">';
+echo '<div class="tactical_group_left_columns">';
+echo '<div class="tactical_group_left_column">';
 $table_col1 = new stdClass();
 $table_col1->class = 'no-class';
 $table_col1->data = [];
 $table_col1->rowclass[] = '';
 $table_col1->headstyle[0] = 'text-align:center;';
 $table_col1->width = '100%';
-$table_col1->data[0][0] = groups_get_heat_map_agents($id_groups, 450, 100);
+$table_col1->data[0][0] = groups_get_heat_map_agents($id_groups, 330, 100);
 $table_col1->data[1][0] = tactical_groups_get_agents_and_monitoring($id_groups);
 
 $distribution_by_so = '<table cellpadding=0 cellspacing=0 class="databox pies graph-distribution-so" width=100%><tr><td style="width:50%;">';
@@ -130,8 +129,8 @@ ui_toggle(
     false
 );
 
-echo '</td>';
-echo '<td class="tactical_group_left_column">';
+echo '</div>';
+echo '<div class="tactical_group_left_column">';
 $table_col2 = new stdClass();
 $table_col2->class = 'no-class';
 $table_col2->data = [];
@@ -158,8 +157,9 @@ ui_toggle(
     false,
     false
 );
-echo '</td>';
-echo '<td class="tactical_group_right_column">';
+echo '</div>';
+echo '</div>';
+echo '<div class="tactical_group_right_column">';
 $table_col3 = new stdClass();
 $table_col3->class = 'no-class';
 $table_col3->data = [];
@@ -216,9 +216,8 @@ ui_toggle(
     false,
     false
 );
-echo '</td>';
-echo '</tr>';
-echo '</table>';
+echo '</div>';
+echo '</div>';
 echo '<div id="modal-info-agent"></div>'
 
 ?>
diff --git a/pandora_console/include/styles/tactical_groups.css b/pandora_console/include/styles/tactical_groups.css
index 1c399d1b3b..c77a117bc3 100644
--- a/pandora_console/include/styles/tactical_groups.css
+++ b/pandora_console/include/styles/tactical_groups.css
@@ -32,3 +32,30 @@ rect {
 #list_agents_tactical_wrapper .dataTables_length {
   margin-bottom: 10px;
 }
+
+#tactic_view {
+  display: flex;
+}
+#tactic_view .tactical_group_left_column:first-child {
+  margin-right: 12px;
+}
+#tactic_view > .tactical_group_right_column {
+  margin-left: 5px;
+}
+#tactic_view .tactical_group_left_columns {
+  display: flex;
+}
+@media (max-width: 1380px) {
+  #tactic_view .tactical_group_left_columns {
+    width: 100%;
+  }
+  .tactical_group_left_column {
+    width: 50%;
+  }
+  .tactical_group_right_column {
+    width: 100%;
+  }
+  #tactic_view {
+    flex-wrap: wrap;
+  }
+}