From 628bb137a5bc8433aaaa0f31bbe77b54054c98b2 Mon Sep 17 00:00:00 2001
From: miguel <miguelvaca@192-168-1-106.tpgi.com.au>
Date: Wed, 18 Nov 2020 22:15:57 +1100
Subject: [PATCH] Text gap and CSS fixes

---
 inductor.css  | 6 +++---
 inductor.html | 5 +++--
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/inductor.css b/inductor.css
index c8e3f19..7afcca7 100644
--- a/inductor.css
+++ b/inductor.css
@@ -14,9 +14,9 @@ header {
 
 canvas.inductorClass {
     background: rgb(255, 255, 255);
-    margin: 0px;
-    padding: 5px;
-    border: 1px solid rgb(0, 0, 0);
+    margin: 1px;
+    padding: 2px;
+    border: 0px solid rgb(0, 0, 0);
     display: block; 
     box-sizing: border-box; 
 }
diff --git a/inductor.html b/inductor.html
index 0bc50ee..15817b6 100644
--- a/inductor.html
+++ b/inductor.html
@@ -566,10 +566,11 @@
                 fctx.textAlign = "center";
                 fctx.fillText("N = " + loop_turns_slider.value.toString(), win_width/2, win_height * 0.56);
                 
-                // Draw spacing text:
+                // Draw spacing text: (gap is to avoid collision of spacing and length texts)
                 fctx.textAlign = "right";
+                var gap = ((loop_turns_slider.value*cond_spacing - cond_spacing) < 60) ? (60 - (loop_turns_slider.value*cond_spacing - cond_spacing)) : 0;
                 const spc = loop_spacing_slider.value * conductor_diameter_slider.value;
-                fctx.fillText("c = " + spc.toFixed(1).toString() + "mm", start_x + cond_spacing + 20, dim_y + 20);
+                fctx.fillText("c = " + spc.toFixed(1).toString() + "mm", start_x + cond_spacing + 20 - gap, dim_y + 20);
 
                 // Draw length text:
                 const sol_len = loop_turns_slider.value*spc;