From 7aaa46532bb384dde8d2d157d40be42809e6cc66 Mon Sep 17 00:00:00 2001
From: Tamara Steinwender <tamara.steinwender@tugraz.at>
Date: Wed, 9 Dec 2020 11:15:25 +0100
Subject: [PATCH] Adapt canvas to screen size

---
 packages/qr-code-scanner/src/qr-code-scanner.js | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/qr-code-scanner/src/qr-code-scanner.js b/packages/qr-code-scanner/src/qr-code-scanner.js
index 7e4aa740..b20c6b7a 100644
--- a/packages/qr-code-scanner/src/qr-code-scanner.js
+++ b/packages/qr-code-scanner/src/qr-code-scanner.js
@@ -422,9 +422,10 @@ export class QrCodeScanner extends ScopedElementsMixin(DBPLitElement) {
             }
         
             #canvas {
-                width: 100%;
+                /* width: 100%; */
                 margin-top: 2rem;
-                max-height: 100%;
+                max-height: calc(100vh - 100px);
+                max-width: 100%;
             }
         
             .output {
-- 
GitLab