From 360f0935afc771639a5c0a309f0ead1841e00088 Mon Sep 17 00:00:00 2001
From: Ace <saadnaseer63@yahoo.de>
Date: Sat, 5 Dec 2020 17:55:14 +0100
Subject: [PATCH] Minor improvements

Added more clearer instructions about module height
Switched to a more slimmer version of the logo
Minor layout changes
---
 .../app/templates/inkycal-config-v2-0-0.html  | 19 +++++++++----------
 1 file changed, 9 insertions(+), 10 deletions(-)

diff --git a/server/app/templates/inkycal-config-v2-0-0.html b/server/app/templates/inkycal-config-v2-0-0.html
index 538a3f3..690ee74 100644
--- a/server/app/templates/inkycal-config-v2-0-0.html
+++ b/server/app/templates/inkycal-config-v2-0-0.html
@@ -9,15 +9,15 @@
 <!-- heading -->
 <h3>Inkycal-Setup v.2.0.0</h3>
 
+<!-- Inkycal logo -->
+<img class="img-fluid" src="https://raw.githubusercontent.com/aceisace/Inky-Calendar/development/Gallery/logo-banner.png" alt="Inkycal Logo">
+<br><br>
+
 <!-- project link-->
 <div class="alert alert-light" role="alert">
   <a href="https://github.com/aceisace/Inky-Calendar">For Inkycal Project of ace innovation laboratory - aceinnolab.com - by aceisace</a><br>
 </div>
 
-<!-- Inkycal logo -->
-<img class="img-fluid" src="https://github.com/aceisace/Inky-Calendar/blob/development/Gallery/logo.png?raw=true" alt="Inkycal Logo">
-
-<br><br>
 
 <!-- Instructions -->
 <div class="alert alert-primary" role="alert">
@@ -141,7 +141,7 @@
                 <input type="number" class="form-control" id="info_section_height" name="info_section_height" value=30 min=0 max=100>
             </div>
         </div>
-        
+
     </div><br>
 
     <h4> Common module settings </h4>
@@ -263,11 +263,10 @@
     <div class="alert alert-primary" role="alert">
         Fields marked with an asterisk(*) are required <br>
         <hr>
-        Module height is calculated by ratio (parts) e.g. <br>
-        module 1 = 20 parts, module 2 = 30 parts -> total of 50 parts <br>
-        If your display has a height of 400 px, then each part is: 400/50 = 8px <br>
-        Module 1 with 30 parts will have 20 * 8px = 160 px <br>
-        Module 2 with 50 parts will have 30 * 8px = 240 px <br>
+        Module height is calculated by percentage or ratio.<br>
+        If all heights add up to 100, then heights are calculated by percentage.<br>
+        To assign the same height to all modules, the same number on all heights, e.g. 1:1:1 means all three modules will have the same height <br>
+        You can assign a different ratio too, e.g. 1:1:3, the third module has 3x the height of the first two modules.<br>
     </div>
 
     <!-- Basic template to choose module -->