From cec7a1df4330cc558fe9beaa044217a541ae5ed1 Mon Sep 17 00:00:00 2001
From: "Alexander A. Klimov" <alexander.klimov@netways.de>
Date: Tue, 20 Mar 2018 16:47:01 +0100
Subject: [PATCH] Keep the images layout fixed even if some fail to load

---
 library/Graphite/Web/Widget/Graphs.php | 3 ++-
 public/css/module.less                 | 1 +
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/library/Graphite/Web/Widget/Graphs.php b/library/Graphite/Web/Widget/Graphs.php
index c1db3fd..c414804 100644
--- a/library/Graphite/Web/Widget/Graphs.php
+++ b/library/Graphite/Web/Widget/Graphs.php
@@ -254,7 +254,8 @@ abstract class Graphs extends AbstractWidget
                                     '<img id="graphiteImg-'
                                     . md5((string) $imageUrl->without('cachebuster'))
                                     . "\" src=\"$imageUrl\" class=\"detach graphiteImg\" alt=\"\""
-                                    . " width=\"$this->width\" height=\"$this->height\">",
+                                    . " width=\"$this->width\" height=\"$this->height\""
+                                    . " style=\"min-width: {$this->width}px; min-height: {$this->height}px;\">",
                                     $metricVariables,
                                     $bestPos
                                 ];
diff --git a/public/css/module.less b/public/css/module.less
index f42f6f3..7a7e60e 100644
--- a/public/css/module.less
+++ b/public/css/module.less
@@ -15,6 +15,7 @@ div.images.monitored-object-detail-view {
 
   img.graphiteImg {
     width: 100%;
+    display: block;
   }
 }