Tidied up recalculateSize

			this.handleResize()  // For any element attached to the observer, run handleResize() on change

			entries.forEach(entry => {})  // Optional: Run something per entry

		});

		// Fetch streamDisplay by ref

		const streamDisplayElement = this.$refs.streamDisplay.parentNode;

		// Attach streamDisplay to the size observer

	},

	created: function () {

		// Watch for host 'ready'

		this.$store.watch(

			(state)=>{

  methods: {

    clickmonitor: function(event) {

			// Calculate steps from event coordinates and store config FOV

			var xCoordinate = event.offsetX;

			var yCoordinate = event.offsetY;

			let xCoordinate = event.offsetX;

			let yCoordinate = event.offsetY;

			var xRelative = (0.5*event.target.offsetWidth - xCoordinate)/event.target.offsetWidth;

			var yRelative = (0.5*event.target.offsetHeight - yCoordinate)/event.target.offsetHeight;

			let xRelative = (0.5*event.target.offsetWidth - xCoordinate)/event.target.offsetWidth;

			let yRelative = (0.5*event.target.offsetHeight - yCoordinate)/event.target.offsetHeight;

			var xSteps = xRelative * this.$store.state.apiConfig.fov[0];

			var ySteps = yRelative * this.$store.state.apiConfig.fov[1];

			let xSteps = xRelative * this.$store.state.apiConfig.fov[0];

			let ySteps = yRelative * this.$store.state.apiConfig.fov[1];

			// Emit a signal to move, acted on by panelNavigate.vue

			this.$root.$emit('globalMoveEvent', xSteps, ySteps, 0, false)

		},

		recalculateSize: function () {

			console.log("Recalculating window dimensions...")

			let element = this.$refs.streamDisplay.parentNode;

			let size = [element.clientWidth, element.clientHeight];

			let bound = element.getBoundingClientRect()

			let elementSize = [bound.width, bound.height]

			let elementPositionOnWindow = [bound.left, bound.top]

			let windowPositionOnDisplay = [window.screenX, window.screenY]

			let windowChromeHeight = window.outerHeight - window.innerHeight

			let elementPositionOnDisplay = [

				Math.max(0, windowPositionOnDisplay[0] + elementPositionOnWindow[0]), 

				Math.max(0, windowPositionOnDisplay[1] + elementPositionOnWindow[1] + windowChromeHeight)

			]

			let elem_pos = [element.getBoundingClientRect().left, element.getBoundingClientRect().top];

			let wind_pos = [window.screenX, window.screenY];

			let navHeight = window.outerHeight - window.innerHeight;

			let position = [Math.max(0, wind_pos[0] + elem_pos[0]), Math.max(0, wind_pos[1] + elem_pos[1] + navHeight)];

			this.displaySize = elementSize

			this.displayPosition = elementPositionOnDisplay

			this.displaySize = size;

			console.log(`Size: ${this.displaySize}`)

			this.displayPosition = position;

			console.log(`Position: ${this.displayPosition}`)

		},

					}

				}

				else {

					var letpayload = {}

					var payload = {}

				}

				// Send preview request