fix for increased browser font sizes

Author: diegoimbert

frontend/src/lib/components/Editor.svelte

@@ -1418,7 +1418,7 @@
 {#if !editor}
 	<div class="inset-0 absolute overflow-clip">
 		<FakeMonacoPlaceHolder
-			marginLeft="3.19em"
+			marginLeft="51px"
 			{code}
 			fontSize={!small ? 14 : 12}
 			className="dark:bg-[#272D38] h-full"

frontend/src/lib/components/FakeMonacoPlaceHolder.svelte

@@ -12,17 +12,17 @@
 </script>
 
 <div
-	class={'relative w-full pr-14 z-9 mt-[-0.026em] dark:bg-[#272D38] mb-[0.026em] leading-5 overflow-y-clip overflow-x-auto mycontainer ' +
+	class={'relative w-full pr-14 z-9 mt-[-1px] mb-[1px] leading-[20px] dark:bg-[#272D38] overflow-y-clip overflow-x-auto mycontainer ' +
 		className}
 	style="padding-left: {marginLeft};"
 >
 	<div
-		class="absolute inset-x-0 h-[1.36em] dark:bg-[#3A4252] mix-blend-lighten"
+		class="absolute inset-x-0 h-[59px] dark:bg-[#3A4252] mix-blend-lighten"
 		style="margin-left: {marginLeft};"
 	></div>
 	<code
 		class="text-nowrap whitespace-pre-wrap overflow-clip text-tertiary/50"
-		style="font-size: {fontSize / 16}em;"
+		style="font-size: {fontSize}px;"
 	>
 		{code}
 		{#if code.endsWith('\n')}
@@ -34,7 +34,7 @@
 <style>
 	.mycontainer::-webkit-scrollbar {
 		/* Try to match monaco's scrollbar */
-		height: 0.75em;
+		height: 12px;
 	}
 	.mycontainer::-webkit-scrollbar-thumb {
 		background-color: transparent;

frontend/src/lib/components/SimpleEditor.svelte

@@ -559,7 +559,7 @@
 {/if}
 
 {#if !editor}
-	<FakeMonacoPlaceHolder marginLeft="1.44em" {code} fontSize={small ? 12 : 14} />
+	<FakeMonacoPlaceHolder marginLeft="23px" {code} fontSize={small ? 12 : 14} />
 {/if}
 
 <div

frontend/src/lib/components/TemplateEditor.svelte

@@ -630,7 +630,7 @@
 <EditorTheme />
 
 {#if !editor}
-	<FakeMonacoPlaceHolder {code} {fontSize} marginLeft="1.6em" />
+	<FakeMonacoPlaceHolder {code} {fontSize} marginLeft="25px" />
 {/if}
 <div
 	bind:this={divEl}