Hide UI and force landscape when printing

src/components/Sidebar.vue

@@ -186,5 +186,9 @@ export default defineComponent({
 		box-sizing: border-box;
 		width: 100%;
 	}
+
+	@media print {
+		display: none;
+	}
 }
 </style>

src/scss/leaflet/_controls.scss

@@ -25,6 +25,10 @@
 	a, button {
 		@extend %button;
 	}
+
+	@media print {
+		display: none !important;
+	}
 }
 
 .leaflet-bar {
@@ -51,6 +55,10 @@
 			border-bottom-color: $global-border-color;
 		}
 	}
+
+	@media print {
+		display: none !important;
+	}
 }
 
 .leaflet-touch {

src/scss/leaflet/_popups.scss

@@ -36,5 +36,9 @@
 			flex-direction: column;
 		}
 	}
+
+	@media print {
+		display: none;
+	}
 }
 

src/scss/style.scss

@@ -333,6 +333,10 @@ button {
 			transition: none;
 		}
 	}
+
+	@media print {
+		display: none !important;
+	}
 }
 
 /*******************
@@ -542,3 +546,9 @@ div.statusmessage {
 .leaflet-players-pane {
 	z-index: 600;
 }
+
+@media print {
+	@page {
+		size: 297mm 210mm;
+	}
+}