rep: rotated idx label

apps/rep/app.ts

@@ -75,19 +75,24 @@ const layout = new Layout({
 	type: "v",
 	c: [
 		{
-			id: "repIdx",
+			type: "h",
-			type: "txt",
+			c: [
-			label: "Begin",
+				{
-			font: `Vector:${fontSzRepDesc}`,
+					id: "duration",
-		},
+					lazyBuster: 1,
-		{
+					type: "custom",
-			id: "duration",
+					font: `Vector:${fontSzMain}` as FontNameWithScaleFactor,
-			lazyBuster: 1,
+					fillx: 1,
-			type: "custom",
+					filly: 1,
-			font: `Vector:${fontSzMain}` as FontNameWithScaleFactor,
+					render: renderDuration,
-			fillx: 1,
+				},
-			filly: 1,
+				{
-			render: renderDuration,
+					id: "repIdx",
+					type: "txt",
+					font: "6x8",
+					r: Rotation.Deg90,
+				},
+			]
 		},
 		{
 			type: "txt",