improve doh ui

app/lib/features/settings/presentation/screens/doh_settings.dart

@@ -145,41 +145,39 @@ class DohSettingsScreen extends HookConsumerWidget {
               child: RadioListTile(
                 value: true,
                 enabled: false,
-                title: Column(
+                title: Form(
-                  children: [
+                  key: formKey,
-                    const Text('Custom'),
+                  child: TextFormField(
-                    Form(
+                    controller: customProviderController,
-                      key: formKey,
+                    keyboardType: TextInputType.url,
-                      child: TextFormField(
+                    decoration: const InputDecoration(
-                        controller: customProviderController,
+                      label: Text('Custom Resolver URL'),
-                        keyboardType: TextInputType.url,
+                      hintText: 'https://example.com/dns-query',
-                        validator: (value) {
+                      floatingLabelBehavior: FloatingLabelBehavior.always,
-                          return validateUrl(
-                            value,
-                            onlyHttpProtocol: true,
-                            eagerParsing: false,
-                          );
-                        },
-                        onSaved: (newProvider) async {
-                          if (newProvider != null) {
-                            await ref
-                                .read(
-                                  saveEngineSettingsControllerProvider.notifier,
-                                )
-                                .save(
-                                  (currentSettings) => currentSettings.copyWith
-                                      .dohProviderUrl(newProvider),
-                                );
-                          }
-                        },
-                        onFieldSubmitted: (_) {
-                          if (formKey.currentState?.validate() == true) {
-                            formKey.currentState?.save();
-                          }
-                        },
-                      ),
                     ),
-                  ],
+                    validator: (value) {
+                      return validateUrl(
+                        value,
+                        onlyHttpProtocol: true,
+                        eagerParsing: false,
+                      );
+                    },
+                    onSaved: (newProvider) async {
+                      if (newProvider != null) {
+                        await ref
+                            .read(saveEngineSettingsControllerProvider.notifier)
+                            .save(
+                              (currentSettings) => currentSettings.copyWith
+                                  .dohProviderUrl(newProvider),
+                            );
+                      }
+                    },
+                    onFieldSubmitted: (_) {
+                      if (formKey.currentState?.validate() == true) {
+                        formKey.currentState?.save();
+                      }
+                    },
+                  ),
                 ),
               ),
             ),