From 8a33cbf98026cf0ab3dbca8d23ad90d1a62a8c82 Mon Sep 17 00:00:00 2001
From: juanf <juanf@ethz.ch>
Date: Mon, 15 May 2023 16:32:11 +0200
Subject: [PATCH] SSDM-12100: better video size

---
 .../as/webapps/eln-lims/html/js/util/BarcodeUtil.js | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/ui-eln-lims/src/core-plugins/eln-lims/1/as/webapps/eln-lims/html/js/util/BarcodeUtil.js b/ui-eln-lims/src/core-plugins/eln-lims/1/as/webapps/eln-lims/html/js/util/BarcodeUtil.js
index 26d31f578aa..8f27b9e2739 100644
--- a/ui-eln-lims/src/core-plugins/eln-lims/1/as/webapps/eln-lims/html/js/util/BarcodeUtil.js
+++ b/ui-eln-lims/src/core-plugins/eln-lims/1/as/webapps/eln-lims/html/js/util/BarcodeUtil.js
@@ -97,7 +97,7 @@ var BarcodeUtil = new function() {
 
         var $cameraContainer = $("<div>");
 
-        $form.append($toggleSwitch);
+        $cameraContainer.append($toggleSwitch);
         $form.append($cameraContainer);
 
         var onDeviceChange = function() {
@@ -151,9 +151,14 @@ var BarcodeUtil = new function() {
 
     this.enableAutomaticBarcodeReadingFromCamera = function(cameraDeviceId, $container, action) {
         _this.disableAutomaticBarcodeReadingFromCamera();
-        var content = $container;
-        var $video = $("<video>", { id : "video", width : "50%", height : "50%", style : "display: block; margin: 0 auto;" });
-        content.append($video);
+        var $video = $("<video>", { id : "video" });
+        $video.css({
+            display: "block", // centering
+            margin: "0 auto", // centering
+            width : "40%",
+            height : "40%"
+        });
+        $container.append($video);
 
         // Starts the camera reading code
         const hints = new Map();
-- 
GitLab