[Bug] Emoji in the conversation avatar may be slightly misaligned

[Antreesy]

Code reference for used SVG template:

spreed/lib/Service/AvatarService.php

Lines 157 to 175 in d397a93

	/**
	* https://github.com/sebdesign/cap-height -- for 500px height
	* Automated check: https://codepen.io/skjnldsv/pen/PydLBK/
	* Noto Sans cap-height is 0.715 and we want a 200px caps height size
	* (0.4 letter-to-total-height ratio, 500*0.4=200), so: 200/0.715 = 280px.
	* Since we start from the baseline (text-anchor) we need to
	* shift the y axis by 100px (half the caps height): 500/2+100=350
	*
	* Copied from @see \OC\Avatar\Avatar::$svgTemplate with some changes:
	* - {font} is injected
	* - size fixed to 512
	* - font-size reduced to 240
	* - font-weight and fill color are removed as they are not applicable
	*/
	private string $svgTemplate = '<?xml version="1.0" encoding="UTF-8" standalone="no"?>
	<svg width="512" height="512" version="1.1" viewBox="0 0 500 500" xmlns="http://www.w3.org/2000/svg">
	<rect width="100%" height="100%" fill="#{fill}"></rect>
	<text x="50%" y="330" style="font-size:240px;font-family:{font};text-anchor:middle;">{letter}</text>
	</svg>';

Might look different (vertical alignment) in different OS or monitors

[Antreesy]

• Last attempt: fix(avatar): adjust svg template and center emoji avatar #13273

Not a solution, but might be copied to adjust dimensions for the SVG

[SystemKeeper]

Sidenote, on macOS with FullHD monitor it looks fine in chrome, but it looks mis-aligned when using a 4K monitor