From dba736383bf0b1e90eaf43e9bdcb57a820c13552 Mon Sep 17 00:00:00 2001
From: ByteHamster <info@bytehamster.com>
Date: Fri, 1 Jan 2021 17:33:11 +0100
Subject: [PATCH] Adapted design of html export

---
 .../src/main/assets/html-export-template.html | 23 +++++++++++--------
 1 file changed, 13 insertions(+), 10 deletions(-)

diff --git a/core/src/main/assets/html-export-template.html b/core/src/main/assets/html-export-template.html
index 19d63f6ca..e4d3ffd31 100644
--- a/core/src/main/assets/html-export-template.html
+++ b/core/src/main/assets/html-export-template.html
@@ -5,14 +5,15 @@
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <style>
             * {
-                font-family: 'Lato', sans-serif;
+                font-family: "Sarabun", sans-serif;
                 font-weight: 300;
                 margin: 0;
                 padding: 0;
                 box-sizing: border-box;
             }
             html {
-                background: #3498db;
+                background: #0d8eff;
+                background-image: linear-gradient(180deg, #0f9cff, #0682ff);
                 text-align: center;
                 padding: 10px;
             }
@@ -20,7 +21,7 @@
                 color: #fff;
                 font-weight: 300;
                 display: inline-block;
-                margin-top: 40px;
+                margin-top: 30px;
                 margin-bottom: 20px;
                 vertical-align: top;
             }
@@ -31,7 +32,7 @@
                 width: 100%;
                 max-width: 500px;
                 display: block;
-                    display: inline-flex;
+                display: inline-flex;
                 padding: 10px;
             }
             li > div {
@@ -60,12 +61,14 @@
                 height: 100px;
                 margin-right: 10px;
             }
-            li > div > img { 
-                float: left; 
-            } 
-            li > div > p { 
-                width: 100%; 
-            } 
+            li > div > img {
+                float: left;
+                text-indent: -10000px;
+                background: #eee;
+            }
+            li > div > p {
+                width: 100%;
+            }
             body > a {
                 color: #ffffff;
                 display: inline-block;