fixed visual errors slides dashboards#9342

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 {

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.