Transcription and translation alignment fails at non-100% zoom levels

[blms]

When a document detail page with both a transcription and translation is first loaded, if the browser's zoom is not 100%, this will happen:

We've encountered this in the past, and the solution was just to set your browser to 100%, but it makes sense to have this open as a bug since it should not behave this way.

The solution probably lies somewhere in this calculation:

geniza/sitemedia/js/controllers/ittpanel_controller.js

Lines 96 to 103 in ccc8f03

	getLineCount(el) {
	// determine the number of lines by dividing element's rendered height
	// by its computed line height from CSS, and applying a floor function
	return Math.floor(
	el.getBoundingClientRect().height /
	parseInt(getComputedStyle(el).getPropertyValue("line-height"))
	);
	}