From d07f9ce7c373122d385a947e48762b0344d7f93f Mon Sep 17 00:00:00 2001
From: Omar Oughriss <omaroughriss8@gmail.com>
Date: Wed, 9 Oct 2024 14:00:34 +0200
Subject: [PATCH] update qr reader

---
 public/style/4nk.css | 13 ++++++++++++-
 src/html/home.html   |  2 +-
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/public/style/4nk.css b/public/style/4nk.css
index 852af49..4da1876 100644
--- a/public/style/4nk.css
+++ b/public/style/4nk.css
@@ -267,7 +267,7 @@ body {
     display: flex;
     justify-content: center;
     align-items: center;
-    height: 200px;
+    /* height: 200px; */
   }
 
   .btn {
@@ -369,6 +369,17 @@ body {
   }
 
 
+  /* QR READER */
+  #qr-reader div {
+    position: inherit;
+  }
+  
+  #qr-reader div img{
+    top: 15px ;
+    right: 25px;
+    margin-top: 5px;
+  }
+
 
   /*    INPUT CSS **/
   .input-container {
diff --git a/src/html/home.html b/src/html/home.html
index 86ef726..4ac40a8 100644
--- a/src/html/home.html
+++ b/src/html/home.html
@@ -58,7 +58,7 @@
           <div class="card-image camera-card">
             <img id="scanner" src="assets/camera.jpg" alt="QR Code" width="150" height="150">
             <div class="qr-code-scanner">
-              <div id="qr-reader" style="width:200px"></div>
+              <div id="qr-reader" style="width:200px; display: contents;"></div>
               <div id="qr-reader-results"></div>
             </div>
           </div>