Merge pull request #4306 from IgorA100/patch-680597

Fix: Broken style on Timeline page

Author: connortechnology

web/skins/classic/css/base/views/timeline.css

@@ -38,6 +38,8 @@
     position: relative;
     min-height: 220px;
     margin: 4px auto 6px;
+    display: block;
+    width: 100%;
 }
 #topPanel:after {
   content: ".";
@@ -108,9 +110,11 @@
 }
 
 #chartPanel {
-  clear: both;
+    clear: both;
     position: relative;
     margin: 0 auto;
+    display: block;
+    width: 100%;
 }
 
 #chartPanel #chart {
@@ -154,6 +158,8 @@
 #chartLabels {
     margin: 25px auto 0;
     text-align: center;
+    display: block;
+    width: 100%;
 }
 
 #range {

web/skins/classic/views/timeline.php

@@ -676,7 +676,7 @@ function drawYGrid( $chart, $scale, $labelClass, $tickClass, $gridClass ) {
 getBodyTopHTML();
 echo getNavBarHTML();
 ?>
-  <div id="page p-0">
+  <div id="page" class="p-0">
     <div class="d-flex p-1">
       <div class="mr-auto" id="toolbar" >
         <button id="backBtn" class="btn btn-normal" data-toggle="tooltip" data-placement="top" title="<?php echo translate('Back') ?>" disabled><i class="fa fa-arrow-left"></i></button>