Minor phone layout adjustments

magloop.css

@@ -22,7 +22,7 @@ section div.slider_container {
     width: 100%;
     height: 100%;
     background: rgb(255, 255, 255);
-    border: 0px solid rgb(0, 0, 0);
+    border: 1px solid rgb(0, 0, 0);
     margin: 0%;
     display: inline-block;
 }
@@ -35,7 +35,7 @@ section div.antennaFront-container {
     margin: 0;
     padding: 0;
     background: white;
-    border: 0px solid rgb(0, 0, 0);
+    border: 1px solid rgb(0, 0, 0);
     position: absolute;
 }
 
@@ -69,7 +69,7 @@ section div.antennaSide-container {
     margin: 0;
     padding: 0;
     background: white;
-    border: 0px solid rgb(0, 0, 0);
+    border: 1px solid rgb(0, 0, 0);
     position: absolute;
 }
 
@@ -86,7 +86,7 @@ section div.antennaSide-container {
         grid-column-end: 3; 
         grid-row-start: 1; 
         grid-row-end: 4;
-        height: 100vh;
+        height: 85vh;
         width: 100vw;
     }
     
@@ -111,7 +111,7 @@ section div.antennaSide-container {
 }    
 
 @media (orientation: landscape) {
-    section.gridLayoutClass {
+        section.gridLayoutClass {
         display: grid;
         grid-template-columns: repeat(4, 1fr);
         grid-template-rows: repeat(3, 1fr);
@@ -123,7 +123,7 @@ section div.antennaSide-container {
         grid-column-end: 5; 
         grid-row-start: 1; 
         grid-row-end: 3;
-        height: 100vh;
+        height: 85vh;
         width: 100vw;
     }
     
@@ -145,4 +145,4 @@ section div.antennaSide-container {
         grid-row-start: 3; 
         grid-row-end: 4;
     }
-}    
+}    

magloop.html

@@ -58,7 +58,7 @@
         var loop_diameter_slider = document.getElementById("loop_diameter_slider");
         var loop_diameter_value = document.getElementById("loop_diameter_value");
         //loop_diameter_value.innerHTML = loop_diameter_slider.value;
-        const val = loop_diameter_slider.value * 1.0;
+        var val = loop_diameter_slider.value * 1.0;
         loop_diameter_value.innerHTML = val.toPrecision(3).toString();
 
         var conductor_diameter_slider = document.getElementById("conductor_diameter_slider");
@@ -71,7 +71,8 @@
 
         var loop_spacing_slider = document.getElementById("loop_spacing_slider");
         var loop_spacing_value = document.getElementById("loop_spacing_value");
-        loop_spacing_value.innerHTML = loop_spacing_slider.value;
+        val = loop_spacing_slider.value * 1.0;
+        loop_spacing_value.innerHTML = val.toPrecision(3).toString();
 
         var transmit_power_slider = document.getElementById("transmit_power_slider");
         var transmit_power_value = document.getElementById("transmit_power_value");
@@ -322,7 +323,8 @@
         }
 
         loop_spacing_slider.oninput = function() {
-            loop_spacing_value.innerHTML = loop_spacing_slider.value;
+            const val = loop_spacing_slider.value * 1.0;
+            loop_spacing_value.innerHTML = val.toPrecision(3).toString();
             drawSideDesign();
             myChart.data.datasets[0].data = calculateTuningCapacitor();
             myChart.data.datasets[1].data = calculateBandwidth();
@@ -365,7 +367,7 @@
             const win_height = document.getElementById("antenna-front-container").offsetHeight; 
             //const win_width  = afront_canvas.getBoundingClientRect().width; 
             //const win_height = afront_canvas.getBoundingClientRect().height; 
-            afront_canvas.width = win_width; 
+            afront_canvas.width = win_width-2; 
             afront_canvas.height = win_height-6; 
 
             fctx.clearRect(0, 0, win_width, win_height);
@@ -460,7 +462,7 @@
             //const win_width  = aside_canvas.getBoundingClientRect().width; 
             //const win_height = aside_canvas.getBoundingClientRect().height; 
             //console.log(win_width, win_height);
-            aside_canvas.width = win_width; 
+            aside_canvas.width = win_width-2; 
             aside_canvas.height = win_height-6; 
             //const win_width  = aside_canvas.width; 
             //const win_height = aside_canvas.height;