resolved most in browser errors and got maps stable. Next need to do some work on the save configuration stuff.

map/app/public/css/admin.css

@@ -307,10 +307,10 @@
     aspect-ratio: 8.5 / 11;
     background: white;
     box-shadow: 0 2px 10px rgba(0,0,0,0.1);
-    padding: 20px;
+    padding: 40px; /* Match print padding */
     margin: 0 auto;
     overflow: auto;
-    font-size: 10px;
+    font-size: 12px; /* Match print font size */
     line-height: 1.4;
     position: relative;
 }
@@ -326,17 +326,38 @@
     }
     
     .walk-sheet-page {
-        position: absolute;
+        position: fixed;
         left: 0;
         top: 0;
         width: 8.5in;
         height: 11in;
         max-width: none;
-        padding: 0.5in;
+        padding: 0.5in; /* 0.5 inch margins */
         margin: 0;
         box-shadow: none;
         font-size: 12pt;
+        page-break-after: always;
     }
+    
+    /* Ensure QR codes print properly */
+    .ws-qr-code img {
+        width: 100px !important;
+        height: 100px !important;
+        -webkit-print-color-adjust: exact;
+        print-color-adjust: exact;
+    }
+}
+
+/* Adjust preview scaling */
+.walk-sheet-preview .walk-sheet-page {
+    transform: scale(0.5);
+    transform-origin: top left;
+    margin-bottom: -50%; /* Compensate for scale */
+}
+
+.walk-sheet-preview {
+    overflow: hidden;
+    height: 550px; /* Fixed height for preview container */
 }
 
 /* Walk Sheet Content Styles */
@@ -539,3 +560,24 @@
     --transition: all 0.2s ease;
     --header-height: 60px;
 }
+
+/* Crosshair styling */
+.crosshair {
+    pointer-events: none;
+    z-index: 1000;
+}
+
+.crosshair div {
+    border-radius: 1px;
+    opacity: 0.8;
+}
+
+/* Admin map styling */
+.admin-map {
+    position: relative;
+    cursor: crosshair;
+}
+
+.admin-map .leaflet-container {
+    cursor: crosshair;
+}