From 527daccd1dfe27be154879b49a46b1ac78341ef4 Mon Sep 17 00:00:00 2001
From: Daniel Barbero <daniel.barbero@artica.es>
Date: Mon, 12 Sep 2022 09:46:37 +0200
Subject: [PATCH] fixed visual errors slides dashboards#9342

---
 pandora_console/include/styles/dashboards.css | 24 ++++++++++++++++---
 pandora_console/views/dashboard/slides.php    | 17 +++++++++----
 2 files changed, 33 insertions(+), 8 deletions(-)

diff --git a/pandora_console/include/styles/dashboards.css b/pandora_console/include/styles/dashboards.css
index 6abd72d2a0..3e402583b0 100644
--- a/pandora_console/include/styles/dashboards.css
+++ b/pandora_console/include/styles/dashboards.css
@@ -437,7 +437,7 @@ div#dashboard-controls {
   z-index: 1;
   top: 10px;
   right: 10px;
-  width: 600px;
+  width: 800px;
   height: 70px;
   display: flex;
   flex-direction: row;
@@ -446,7 +446,7 @@ div#dashboard-controls {
   align-items: center;
   background-color: #f2f6f7;
   border-radius: 15px;
-  padding: 10px;
+  padding: 0px 10px;
 }
 
 div#dashboard-controls div {
@@ -455,13 +455,24 @@ div#dashboard-controls div {
 }
 
 div#dashboard-controls div#dashboard-slides-form-countdown {
-  flex: 4;
+  flex: 7;
 }
 
 div#dashboard-controls div#dashboard-slides-name {
   flex: 3;
 }
 
+div#dashboard-controls div.dashboard-mode {
+  flex: 1;
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+}
+
+div#dashboard-controls div.dashboard-mode a {
+  margin: 0px;
+}
+
 div#view-slides-cell-mode {
   min-height: 100vh;
   width: 100vw;
@@ -490,6 +501,13 @@ div#main_pure {
   margin: 0 auto;
   margin-top: 30px;
 }
+.dashboard-refr {
+  display: flex;
+  flex-direction: row-reverse;
+  flex-wrap: nowrap;
+  justify-content: center;
+  align-items: center;
+}
 
 #form-config-widget .info_box,
 .content-widget .info_box {
diff --git a/pandora_console/views/dashboard/slides.php b/pandora_console/views/dashboard/slides.php
index 109760d20e..c2d4f899a7 100644
--- a/pandora_console/views/dashboard/slides.php
+++ b/pandora_console/views/dashboard/slides.php
@@ -243,23 +243,30 @@ $output .= '</a>';
 $output .= '</div>';
 
 // Cell slides button view.
-$output .= '<div>';
+$output .= '<div class="dashboard-mode">';
 $output .= '<a id="cell-slides-btn" href="'.$cell_slides_url.'">';
 if ($cellModeSlides === 0) {
     $output .= html_print_image(
-        'images/tag_red.png',
+        'images/visual_console.png',
         true,
-        ['title' => __('Mode Cell')]
+        ['title' => __('Boxed mode')]
     );
+    $msg_tooltip = __('This mode will show the dashboard with all the widgets in the screen. Click to change to single screen mode.');
 } else {
     $output .= html_print_image(
-        'images/rosette.png',
+        'images/dashboard.png',
         true,
-        ['title' => __('Mode Layout')]
+        ['title' => __('Single screen')]
     );
+    $msg_tooltip = __('This mode will show each widget in a screen, rotating between elements in each dashboard. Click to change to boxed mode.');
 }
 
 $output .= '</a>';
+$output .= ui_print_help_tip(
+    $msg_tooltip,
+    true
+);
+
 $output .= '</div>';
 
 // Dashboard name.