feat(perf): Adjust HTTP sample table column widths (#68901)

gggritso · web-flow · commit fbe6e8b19506 · 2024-04-15T16:23:17.000-04:00
Both the span ID and status code have known widths, since their lengths
are fixed.
diff --git a/static/app/views/performance/http/spanSamplesTable.tsx b/static/app/views/performance/http/spanSamplesTable.tsx
@@ -39,12 +39,12 @@ const COLUMN_ORDER: Column[] = [
   {
     key: SpanIndexedField.ID,
     name: t('Span ID'),
-    width: COL_WIDTH_UNDEFINED,
+    width: 150,
   },
   {
     key: SpanIndexedField.RESPONSE_CODE,
     name: t('Status'),
-    width: COL_WIDTH_UNDEFINED,
+    width: 50,
   },
   {
     key: SpanIndexedField.SPAN_DESCRIPTION,

Original file line number	Diff line number	Diff line change
`@@ -39,12 +39,12 @@ const COLUMN_ORDER: Column[] = [`
`39`	`39`	`{`
`40`	`40`	`key: SpanIndexedField.ID,`
`41`	`41`	`name: t('Span ID'),`
`42`		`- width: COL_WIDTH_UNDEFINED,`
	`42`	`+ width: 150,`
`43`	`43`	`},`
`44`	`44`	`{`
`45`	`45`	`key: SpanIndexedField.RESPONSE_CODE,`
`46`	`46`	`name: t('Status'),`
`47`		`- width: COL_WIDTH_UNDEFINED,`
	`47`	`+ width: 50,`
`48`	`48`	`},`
`49`	`49`	`{`
`50`	`50`	`key: SpanIndexedField.SPAN_DESCRIPTION,`