fix: piece icon cam squashed

Author: olzzon

packages/webui/src/client/ui/PieceIcons/Renderers/CamInputIcon.tsx

@@ -7,35 +7,19 @@ export function CamInputIcon({
 	abbreviation?: string
 }): JSX.Element {
 	return (
-		<svg className="piece_icon" version="1.1" viewBox="0 0 126.5 89" xmlns="http://www.w3.org/2000/svg">
+		<svg className="piece-icon" version="1.1" viewBox="0 0 126.5 89" xmlns="http://www.w3.org/2000/svg">
 			<rect width="126.5" height="89" className="camera" />
 			<text
-				x="9.6414976"
-				textLength="106.5"
+				x="63.25"
 				y="71.513954"
-				style={{
-					fill: '#ffffff',
-					fontFamily: 'open-sans',
-					fontSize: '40px',
-					letterSpacing: '0px',
-					lineHeight: '1.25',
-					wordSpacing: '0px',
-					textShadow: '0 2px 9px rgba(0, 0, 0, 0.5)',
-				}}
+				textAnchor="middle"
+				textLength="126.5"
+				className="piece-icon-text"
 				xmlSpace="preserve"
 			>
-				<tspan
-					x="9.6414976"
-					y="71.513954"
-					textLength="107.21"
-					lengthAdjust="spacing"
-					style={{ fill: '#ffffff', fontFamily: 'Roboto', fontSize: '75px', fontWeight: 100 }}
-					className="label"
-				>
+				<tspan lengthAdjust="spacing" className="label">
 					{abbreviation !== undefined ? abbreviation : 'C'}
-					<tspan style={{ fontFamily: 'Roboto', fontWeight: 'normal' }}>
-						{inputIndex !== undefined ? inputIndex : ''}
-					</tspan>
+					<tspan>{inputIndex !== undefined ? inputIndex : ''}</tspan>
 				</tspan>
 			</text>
 		</svg>