Update layout for static file 404 screen (#103982)

Author: taipeicoder

client/dashboard/sites/settings-static-file-404/index.tsx

@@ -22,21 +22,33 @@ const fields: Field< { setting: string } >[] = [
 	{
 		id: 'setting',
 		label: __( 'Server response' ),
-		Edit: 'select',
-		description: __(
-			'Assets are images, fonts, JavaScript, and CSS files that web browsers request as part of loading a web page. This setting controls how the web server handles requests for missing asset files.'
-		),
+		Edit: 'radio',
 		elements: [
-			{ value: 'default', label: __( 'Default' ) },
-			{ value: 'lightweight', label: __( 'Send a lightweight File-Not-Found page' ) },
-			{ value: 'wordpress', label: __( 'Delegate request to WordPress' ) },
+			{
+				value: 'default',
+				label: __( 'Default' ),
+				description: __( 'Use the setting that WordPress.com has decided is the best option.' ),
+			},
+			{
+				value: 'lightweight',
+				label: __( 'Send a lightweight File-Not-Found page' ),
+				description: __(
+					'Let the server handle static file 404 requests. This option is more performant than the others because it doesn’t load the WordPress core code when handling nonexistent assets.'
+				),
+			},
+			{
+				value: 'wordpress',
+				label: __( 'Delegate request to WordPress' ),
+				description: __( 'Let WordPress handle static file 404 requests.' ),
+			},
 		],
 	},
 ];
 
 const form = {
 	type: 'regular' as const,
 	fields: [ 'setting' ],
+	labelPosition: 'none' as const,
 };
 
 export default function SiteStaticFile404Settings( { siteSlug }: { siteSlug: string } ) {