From 41508af91e844a070f2fa8d789af7967b43420ff Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nicol=C3=B2=20P?= <nicolo.paraciani@cnr.it>
Date: Tue, 29 Aug 2023 09:19:36 +0200
Subject: [PATCH] Some layout fiddling...

---
 .gitignore    |  4 +++-
 css/qrihs.css |  7 +++++--
 index.html    |  6 +++---
 js/index.js   | 10 +++++-----
 4 files changed, 16 insertions(+), 11 deletions(-)

diff --git a/.gitignore b/.gitignore
index 32f539a..2113917 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,3 +1,5 @@
 *.zip
 SVG_*
-etichetta.png
\ No newline at end of file
+etichetta.png
+*.swp
+*.swo
diff --git a/css/qrihs.css b/css/qrihs.css
index 17ea3ad..d5b7a91 100644
--- a/css/qrihs.css
+++ b/css/qrihs.css
@@ -1,5 +1,5 @@
 h1 {
-    margin-top: 3rem;
+    margin-top: 1.5rem;
 }
 canvas {
     margin: 0 auto;
@@ -28,4 +28,7 @@ footer {
     .main {
         width: 65vw;
     }
-}
\ No newline at end of file
+}
+.preview {
+    margin-bottom: 10px;
+}
diff --git a/index.html b/index.html
index c8fab8c..c09b471 100644
--- a/index.html
+++ b/index.html
@@ -32,10 +32,10 @@
                 </button>
             </div>
             <div class="column col-lg-5 col-xl-4 col-sm-12 text-center" style="border: #ccc 1px solid;">
-                <canvas id="qrcode" width="244" height="468">
+                <canvas id="qrcode" width="244" height="458">
                     Etichetta strumento
                 </canvas>
-                <p class="text-center">Anteprima</p>
+                <p class="text-center preview">Anteprima</p>
             </div>
         </div>
     </div>
@@ -44,4 +44,4 @@
     </footer>
 
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/js/index.js b/js/index.js
index 305746e..bf0caef 100644
--- a/js/index.js
+++ b/js/index.js
@@ -28,19 +28,19 @@ document.addEventListener('DOMContentLoaded', () => {
 
         // Draw images
         ispcLogo.onload = () => {
-            ctx.drawImage(ispcLogo, 25, 10, 200, 75)
+            ctx.drawImage(ispcLogo, 25, 30, 200, 75)
         }
 
         qrImg.src = qr.toDataURL();
         qrImg.onload = () => {
-            ctx.drawImage(qrImg, 25, 90, 200, 200)
+            ctx.drawImage(qrImg, 25, 110, 200, 200)
         }
         // Draw instrument ID as text
         ctx.font = '48px sans-serif';
-        ctx.fillText(idInstr, 45, 330);
+        ctx.fillText(idInstr, 45, 350);
 
         erihsLogo.onload = () => {
-            ctx.drawImage(erihsLogo, 25, 355, 200, 41)
+            ctx.drawImage(erihsLogo, 25, 375, 200, 41)
         }
         download.classList.remove('disabled');
     });
@@ -56,4 +56,4 @@ document.addEventListener('DOMContentLoaded', () => {
             downloadLink.click();
         });
     });
-});
\ No newline at end of file
+});