1st working discussed prototype

client/src/modules/ui.ts

@@ -24,7 +24,7 @@ export function setEventInfo(inEventInfo: I.EventInfo, inInputswithValue: I.Inpu
 }
 
 export function createDialog(): void {
-    jQuery("#dialogSeatmap").append($("<iframe id='iframeSeatmap' scrolling='no' frameborder='0' marginwidth='0' marginheight='0' allowfullscreen width='100%' height='" + window.outerHeight + "px' />")
+    jQuery("#dialogSeatmap").append($("<iframe id='iframeSeatmap' scrolling='no' frameborder='0' marginwidth='0' marginheight='0' allowfullscreen width='100%' />")
         .attr("src", "https://staging.tickets.zinomedia.de/"))
         .dialog({
             modal: true,
@@ -35,11 +35,9 @@ export function createDialog(): void {
             show: true,
             resizable: false,
             title: "",
-            width: "99%",
+            width: "100%",
             height: "auto",
-            close: () => {
-                jQuery('html, body').css('overflow', 'auto');
-            }
+            close: () => jQuery("html, body").css("overflow", "auto"),  
         });
 
     jQuery("#openSeatmap").on("click", () => {
@@ -124,6 +122,7 @@ export function addPanzoom(inSelector: string, inBtnZoomIn: string | null = null
             maxScale: 5,
             animate: false,
             overflow: "hidden",
+            startScale: "0.66"
         });
 
         container.parentElement!.addEventListener('wheel', panzoom.zoomWithWheel);