fix(app): align column numbers in deck config (#19177)

TamarZanzouri · web-flow · commit 3635cb6a26a2 · 2025-08-08T16:59:20.000-04:00
diff --git a/components/src/hardware-sim/Deck/SlotLabels.tsx b/components/src/hardware-sim/Deck/SlotLabels.tsx
@@ -40,6 +40,9 @@ export const SlotLabels = ({
   const simpleItemWidthStyle: Record<string, string> = {
     '--dynamic-width': `${widthLargeRem}rem`,
   }
+  const smallItemWidthStyle: Record<string, string> = {
+    '--dynamic-width': `${widthSmallRem}rem`,
+  }
   const nextTo4thWidthStyle: Record<string, string> = {
     '--dynamic-width': itemDynamicWidth,
   }
@@ -88,7 +91,7 @@ export const SlotLabels = ({
           </div>
           <div
             className={styles.deck_label_row_container}
-            style={simpleItemWidthStyle}
+            style={smallItemWidthStyle}
           >
             <DeckInfoLabel deckLabel="2" height="100%" />
           </div>

Original file line number	Diff line number	Diff line change
`@@ -40,6 +40,9 @@ export const SlotLabels = ({`
`40`	`40`	`const simpleItemWidthStyle: Record<string, string> = {`
`41`	`41`	'--dynamic-width': `${widthLargeRem}rem`,
`42`	`42`	`}`
	`43`	`+ const smallItemWidthStyle: Record<string, string> = {`
	`44`	+ '--dynamic-width': `${widthSmallRem}rem`,
	`45`	`+ }`
`43`	`46`	`const nextTo4thWidthStyle: Record<string, string> = {`
`44`	`47`	`'--dynamic-width': itemDynamicWidth,`
`45`	`48`	`}`
`@@ -88,7 +91,7 @@ export const SlotLabels = ({`
`88`	`91`	`</div>`
`89`	`92`	`<div`
`90`	`93`	`className={styles.deck_label_row_container}`
`91`		`- style={simpleItemWidthStyle}`
	`94`	`+ style={smallItemWidthStyle}`
`92`	`95`	`>`
`93`	`96`	`<DeckInfoLabel deckLabel="2" height="100%" />`
`94`	`97`	`</div>`