fix: cp-12.17.0 - Center buttons in wider popup

[darkwing]

Description

Ensures buttons are centered in full screen and the new, wider popup

Related issues

Fixes:

Manual testing steps

1. Check positioning of buttons in full screen
2. Check positioning of buttons in popup

Screenshots/Recordings

Before

After

Pre-merge author checklist

• I've followed MetaMask Contributor Docs and MetaMask Extension Coding Standards.
• I've completed the PR template to the best of my ability
• I’ve included tests if applicable
• I’ve documented my code using JSDoc format if applicable
• I’ve applied the right labels on the PR (see labeling guidelines). Not required for external contributors.

Pre-merge reviewer checklist

• I've manually tested the PR (e.g. pull and build branch, run the app, test code being changed).
• I confirm that this PR addresses all acceptance criteria described in the ticket it closes and includes the necessary testing evidence such as recordings and or screenshots.

[github-actions]

CLA Signature Action: All authors have signed the CLA. You may need to manually re-run the blocking PR check if it doesn't pass in a few minutes.

[metamaskbot]

Builds ready [d7e6143]

• builds: chrome, firefox
• builds (flask): chrome, firefox
• builds (test): chrome, firefox
• builds (test-flask): chrome, firefox
• build viz: Build System
• bundle size: Bundle Size Stats
• user-actions-benchmark: User Actions Stats
• storybook: Storybook
• typescript migration: Dashboard
• all CircleCI artifacts
• bundle viz:

  • background: 0, 1, 2, 3, 4, 5, 6, 7, 8
  • common: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14
  • ui: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13
  • content-script: 0
  • offscreen: 0

UI Startup Metrics (1221 ± 67 ms)

Platform	BuildType	Page	Metric	Mean (ms)	Min (ms)	Max (ms)	Std Dev (ms)	P 75 (ms)	P 95 (ms)
Chrome	Browserify	Home	uiStartup	1221	1097	1397	67	1263	1331
			load	1066	918	1216	64	1173	986
			domContentLoaded	1059	911	1185	65	1181	983
			domInteractive	17	13	64	8	16	33
			firstPaint	731	93	1192	423	236	969
			backgroundConnect	8	4	35	6	7	9
			firstReactRender	19	15	52	5	20	30
			getState	13	5	75	9	7	9
			initialActions	0	0	1	0	0	1
			loadScripts	820	676	936	63	869	914
			setupStore	8	5	26	4	7	9
	Webpack	Home	uiStartup	2102	1723	2532	182	2224	2415
			load	1627	1314	2077	141	1719	1875
			domContentLoaded	1620	1310	2072	139	1713	1852
			domInteractive	16	11	72	11	13	43
			firstPaint	170	69	297	47	205	76
			backgroundConnect	27	10	286	31	26	70
			firstReactRender	178	53	375	119	58	93
			getState	10	3	41	6	7	9
			initialActions	3	1	6	1	3	4
			loadScripts	1616	1309	2071	138	1707	1835
			setupStore	19	6	230	27	7	9
Firefox	Browserify	Home	uiStartup	1322	1161	1752	123	1348	1678
			load	1179	1036	1628	128	1198	1533
			domContentLoaded	1179	1036	1628	128	1197	1532
			domInteractive	99	37	200	24	92	97
			firstPaint	NaN	NaN	NaN	NaN	NaN	NaN
			backgroundConnect	20	13	63	8	20	34
			firstReactRender	23	19	51	6	22	29
			getState	7	4	36	5	7	8
			initialActions	0	0	1	0	0	1
			loadScripts	1161	1022	1613	129	1181	1519
			setupStore	7	4	34	7	6	7
	Webpack	Home	uiStartup	1516	1326	1901	116	1608	1726
			load	1296	1123	1620	98	1372	1467
			domContentLoaded	1295	1123	1619	99	1371	1466
			domInteractive	79	33	233	24	76	92
			firstPaint	NaN	NaN	NaN	NaN	NaN	NaN
			backgroundConnect	22	14	107	12	22	33
			firstReactRender	34	29	45	3	36	41
			getState	10	5	263	26	7	9
			initialActions	0	0	2	1	1	1
			loadScripts	1276	1107	1606	98	1352	1448
			setupStore	9	5	48	6	8	9

[metamaskbot]

Builds ready [43f1a04]

• builds: chrome, firefox
• builds (flask): chrome, firefox
• builds (test): chrome, firefox
• builds (test-flask): chrome, firefox
• build viz: Build System
• bundle size: Bundle Size Stats
• user-actions-benchmark: User Actions Stats
• storybook: Storybook
• typescript migration: Dashboard
• all CircleCI artifacts
• bundle viz:

  • background: 0, 1, 2, 3, 4, 5, 6, 7, 8
  • common: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14
  • ui: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13
  • content-script: 0
  • offscreen: 0

UI Startup Metrics (1225 ± 55 ms)

Platform	BuildType	Page	Metric	Mean (ms)	Min (ms)	Max (ms)	Std Dev (ms)	P 75 (ms)	P 95 (ms)
Chrome	Browserify	Home	uiStartup	1225	1109	1389	55	1258	1340
			load	1068	970	1215	52	1122	990
			domContentLoaded	1063	967	1210	52	1130	991
			domInteractive	19	13	68	11	17	45
			firstPaint	743	85	1215	415	250	972
			backgroundConnect	6	4	18	2	7	8
			firstReactRender	21	17	51	5	22	32
			getState	14	5	43	9	7	8
			initialActions	0	0	1	0	0	1
			loadScripts	821	730	952	50	848	916
			setupStore	8	5	19	3	7	8
	Webpack	Home	uiStartup	2135	1713	2477	180	2263	2368
			load	1636	1317	1911	137	1748	1824
			domContentLoaded	1629	1313	1882	136	1742	1816
			domInteractive	16	11	76	13	13	51
			firstPaint	185	62	339	55	228	339
			backgroundConnect	26	10	79	13	30	57
			firstReactRender	215	55	363	112	57	94
			getState	12	4	30	6	7	9
			initialActions	3	1	7	1	4	6
			loadScripts	1624	1312	1859	136	1739	1809
			setupStore	24	7	288	38	27	7
Firefox	Browserify	Home	uiStartup	1341	1139	1736	118	1426	1570
			load	1199	1003	1613	122	1291	1444
			domContentLoaded	1199	1003	1612	122	1291	1444
			domInteractive	107	41	271	41	86	94
			firstPaint	NaN	NaN	NaN	NaN	NaN	NaN
			backgroundConnect	18	13	52	5	19	28
			firstReactRender	22	19	46	4	23	28
			getState	7	4	49	5	7	8
			initialActions	0	0	1	0	0	1
			loadScripts	1183	993	1598	123	1280	1431
			setupStore	6	4	25	3	6	7
	Webpack	Home	uiStartup	1476	1327	1815	116	1531	1761
			load	1264	1133	1550	103	1311	1491
			domContentLoaded	1263	1133	1550	103	1311	1491
			domInteractive	79	38	190	27	70	85
			firstPaint	NaN	NaN	NaN	NaN	NaN	NaN
			backgroundConnect	21	14	79	8	22	41
			firstReactRender	35	29	59	6	36	49
			getState	9	4	45	7	8	9
			initialActions	1	0	2	1	1	1
			loadScripts	1245	1119	1532	103	1295	1477
			setupStore	9	4	57	7	7	8