From 6723a34bda5dbc771c6cf993c8fc0adfcd5a929c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pawe=C5=82=20Redzy=C5=84ski?= <pawelredzynski@gmail.com>
Date: Wed, 1 Dec 2021 18:27:46 +0100
Subject: [PATCH] render: image: make html less ugly

---
 dvc/render/image.py | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/dvc/render/image.py b/dvc/render/image.py
index 0715f211e..1ef2e45f2 100644
--- a/dvc/render/image.py
+++ b/dvc/render/image.py
@@ -13,7 +13,8 @@ class ImageRenderer(Renderer):
     DIV = """
         <div
             id="{id}"
-            style="border: 1px solid;">
+            style="border:1px solid black;text-align:center;
+            white-space: nowrap;overflow-y:hidden;">
             {partial}
         </div>"""
 
@@ -35,7 +36,9 @@ class ImageRenderer(Renderer):
         with open(img_path, "wb") as fd:
             fd.write(image_data)
         return """
-        <div>
+        <div
+            style="border:1px dotted black;margin:2px;display: inline-block;
+            overflow:hidden;margin-left:8px;">
             <p>{title}</p>
             <img src="{src}">
         </div>""".format(